javascript - webpack browserify --ignore 等效项？

Question

我有一些代码在浏览器中不起作用，除非我“忽略”两个包，我可以使用 browserify 来完成:browserify files.js -i fs-extra -i request --standalone files > files.browserify.js，生成的代码可以正常工作，但如果我尝试使用 webpack 执行此操作，代码会提示缺少模块。

...
  plugins: [
      new webpack.IgnorePlugin(/fs-extra$/),
      new webpack.IgnorePlugin(/request$/),
      new webpack.IgnorePlugin(/fs$/)
  ],
...

---

test.webpack.js:7655 Uncaught Error: Cannot find module "request"
    at webpackMissingModule (test.webpack.js:7655)
    at Object.exports.byteLength (test.webpack.js:7655)
    at __webpack_require__ (test.webpack.js:20)
    at Object.<anonymous> (test.webpack.js:17012)
    at __webpack_require__ (test.webpack.js:20)
    at test.webpack.js:66
    at test.webpack.js:69

我怀疑 webpack 可能不会像 browserify 那样创建“空 stub ”:--ignore, -i 用空 stub 替换文件。文件可以是 glob。。

我该怎么做才能解决这个问题？

资源

• https://webpack.github.io/docs/webpack-for-browserify-users.html#ignore
• https://webpack.github.io/docs/list-of-plugins.html#ignoreplugin

Answer 1

您正在寻找的是 null-loader，它返回一个空模块:

module: {
    loaders: [
        {
            test: /^(fs-extra|fs|request)$/,
            loader: "null"
        },
        ...
]

安装:

$ npm i -D null-loader