javascript - 为什么我们设置node.fs : 'empty' in webpack?

Question

我看到这个错误“找不到模块:错误:无法解析 'fs' in .....”并且解决方案是

// webpack 4
node: {
    fs: "empty"
}


//webpack5
   resolve: {
    extensions: [".ts", ".tsx", ".js", ".css"],
    fallback: {
      fs: false,
    },
  },

但是我不知道“fs:false”或“empty”是什么意思？

Answer 1

这意味着同样的事情。有时很少有模块使用原生 Node.js 模块，例如 fs Webpack 在捆绑浏览器环境时尝试捆绑的内容。因为，fs不可用或根本对浏览器环境没有任何意义，Webpack 抛出未找到模块错误。
指定 "empty" 的值或 false对于 fs告诉 Webpack 忽略该模块而不是尝试捆绑它。
为什么会发生这种情况？ 一些模块是同构的，意味着同时支持浏览器和 node.js。像 Webpack 这样的打包工具不能简单地判断是否应该排除 native 模块。 (使用 ESM 模块、tree shaking 和 sideEffect ，Webpack 可以很好地处理这个问题。)