javascript - 如何使用webpack加载Nodejs核心模块

Question

我在将 NodeJS 的核心模块加载到浏览器时遇到问题。

我的xlsx库依赖于fs，这是一个核心模块，加载我的应用程序会产生无法找到模块“fs”错误。

我反复进行了一些谷歌搜索，结果是 here - 说我应该将 target:node 添加到我的 webpack.config.js 文件中，但是按照他的建议完成会产生另一个错误 -> process is not Defined

我想知道是否有任何模块加载器可以满足这种需求？我找不到。

webpack.config.js:

module.exports = {
  entry: "./app/boot",
  output: {
    path: __dirname,
    filename: "./dist/bundle.js"
  },
  resolve: {
    extensions: ['', '.js', '.ts']
  },
  module: {
    loaders: [
      { test: /\.ts/,   loaders: ["ts-loader"], exclude: /node_modules/ }
    ],
    preLoaders: [
      // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
      { test: /\.js$/, loader: "source-map-loader", exclude: ['node_modules', 'ext-*', 'lib', 'tools'] }
    ]
  },
  debug: true,
  devtool: 'source-map'
};

任何见解将不胜感激，提前致谢，如果有任何其他信息有帮助，请告诉我。

我没有使用 babel 也没有使用 gulp

Answer 1

你不能。

没有与 fs 等效的东西可以在浏览器中正常工作。出于安全原因，在浏览器中执行的 JavaScript 在沙箱中运行，并且您对客户端文件系统的访问权限非常有限，which is what the module fs is used for in NodeJS .