Angular应用提高打包速度

最新推荐文章于 2025-11-15 12:11:18 发布

原创最新推荐文章于 2025-11-15 12:11:18 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#angular

Angular 专栏收录该内容

28 篇文章

订阅专栏

当Angular应用变得复杂，打包速度可能会显著下降。一种解决方案是修改Webpack的ModuleConcatenationPlugin配置。通过注释掉特定代码段，可以尝试加快打包过程。这种方法涉及深入理解Webpack内部工作原理，并可能对构建性能产生积极影响。

当Angular应用功能不断增加时，其打包速度会变慢，可以尝试使用以下方法缩短打包时间。

打开node_modules/webpack/lib/optimize/ModuleConcatenationPlugin.js文件，注释以下代码片段：

	for (let i = 0; i < newModule.dependencies.length; i++) {
      let dep = newModule.dependencies[i];
      if (dep.module) {
        let reasons = dep.module.reasons;
        for (let j = 0; j < reasons.length; j++) {
          let reason = reasons[j];
          if (reason.dependency === dep) {
            reason.module = newModule;
          }
        }
      }
    }