javascript - Webpack 在构建期间使用 Node 'fs' 模块，以便浏览器获取函数的结果

Question

问题:有没有办法告诉 webpack 告诉内置模块 modules like fs 在构建期间执行，以便浏览器得到这个函数的结果，而不是函数调用自身？

我的情况:

目前我正在使用 webpack 为浏览器开发一个应用程序。我正在尝试在我的一个文件中使用 Node “fs”模块来请求其他目录中的 index.js 文件。例如:

plugins
├──plugin1
│   ├── index.js (simply exports an object)
│
├──plugin2
│  ├── index.js (simply exports an object)
|
├──plugin3
│  ├── index.js (simply exports an object)
|
|──index.js (want to require all index.js from each plugin directory here)

我收到 webpack 的错误提示:Can't resolve 'fs' in somepath/node_modules/require-dir

我的文件 index.js 位于 `plugins/index.js'，它只是想请求我的其他文件。

  //module from NPM which uses the 'fs' module ('im not explicity using it)
  const requireDir = require('require-dir');
  const allPlugins = requireDir('./plugins/'); 
  console.log(allPlugins); 

无法在“/some_path/node_modules/require-dir”中解析“fs”

Answer 1

这里有两个选择。

1. 我个人没有用过这个，但是你可以使用指定的node 配置值here .

Node :{
fs:{真，“模拟”，“空”，假}
}


将 fs 设置为上述任何值。

1. 不要使用fs 模块。它是一个内置/ native 模块，可能依赖也可能不依赖 native V8/C++ 函数/库。请记住，webpack 通常会为浏览器 打包 Assets 。因此，您可以手动导入插件，而不是依赖插件:

plugins/index.js

const plugin1 = require('./plugin1')
const plugin2 = require('./plugin2')

module.exports = {
  plugin1,
  plugin2
}

你也可以使用 this回答 polyfill require-dir 模块。