有没有办法在一个集中的位置关闭Webpack的延迟加载?喜欢使用控制台开关还是webpack.config.js文件中的选项?

我在所有可以使用的地方都使用“魔术注释” /* webpackMode: "eager" */,但是如果另一个第二级模块要求在导入过程中缺少“魔术注释”的第三级模块。

结果,我有一个大捆和几个小块,而我希望它们成为其余的大捆的一部分。

不幸的是,我无法遍历所有源代码树并设置/* webpackMode: "eager" */,因为那里有很多npm库...

有什么办法可以一劳永逸地解决这个问题?

附言使用的Webpack版本为4.30.0

目前,关于Webpack 5的默认选项webpackMode: "eager"正在进行讨论。但是,据我所知,没有任何特殊立场。

最佳答案

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

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

它为我工作,而无需在Webpack 4.30.0上进行任何额外的努力。这是应添加到配置文件中的部分:

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


在将此代码与您的配置合并时,重要的是不要忘记导入webpack(第1行)。

07-26 09:35
查看更多