全面关闭Webpack懒加载，无魔力点评

Question

有没有办法在一个集中的地方关闭Webpack的懒加载？例如控制台开关或webpack.config.js文件中的选项？

我在任何地方都使用“魔术注释”/* webpackMode: "eager" */，但是如果另一个二级模块在导入过程中调用缺少“魔术注释”的第三级模块。

结果，我有一个大的捆绑包和几个小块放在一边，而我更希望它们像其他的一样成为大捆绑包的一部分。

不幸的是，我不能遍历所有源码树并设置/* webpackMode: "eager" */，因为那里有很多npm库……

有没有办法一劳永逸地解决这个问题？

P.S. Webpack使用的版本是4.30.0。

目前，关于webpackMode: "eager"是否应该作为Webpack 5的默认选项的讨论正在进行中。但据我所知，并没有特别的定位。

Answer 1

我找到了这个问题的答案--标准的Webpack的LimitChunkCountPlugin。

它可以在webpack.config.js中使用，也可以从命令行覆盖其设置。

这对我来说很有效，不需要在Webpack 4.30.0上做任何额外的努力。以下是应添加到配置文件中的部分：

const webpack = require('webpack');
module.exports = {
  // ...
  plugins: [
    new webpack.optimize.LimitChunkCountPlugin({
      maxChunks: 1
    })
  ]
};

在将此代码与配置合并时，不要忘记导入webpack (第#1行)，这一点很重要。