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

Question

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

我的xlsx 库依赖于fs，这是一个核心模块，加载我的应用程序会产生cannot find module "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。