webpack打包出现问题，'fs' is not defined ？

Question

项目里，我想用js获取ymal文件中的数据，然后转换导入到html页面中去

// main.js
const fs = require('fs');
const matter = require('gray-matter');
const str = fs.readFileSync('example.html', 'utf8');
console.log(matter(str));
...
...

//webpack.config.js
const path = require('path');
const webpack = require('webpack');
const fs = require('fs');

module.exports = {
  mode: 'development',
  entry: {
    index: './src/main.js',
  },
  output: {
    filename: '[name]_bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  node: {
    fs: 'empty'
  }
}

但是打包后一直提示 fs is not defined
这应该怎么解决？

Answer 1

fs模块是服务端nodejs的模块，用在服务端，你在main.js里面使用，打包到客户端代码里，自然要报错