Feat/dll webpack plugin

[LanceZhu]

No description provided.

[chenbin92]

用户需要怎么配置，使用 DLL 之后提升的数据是怎样的 ？

[ClarkXia]

通过配置 dllEntry 的方式来设置，相对比较繁琐，建议给到一个默认策略，比如所有 dependencies 默认都构建到 dll 中，配置具体 dllEntry 的方式可以作为补充方式，方案上可以借鉴下 https://github.com/ice-lab/ice-scripts/pull/48/files 的思路

[chenbin92]

1. 解决下冲突
2. 文档补充
3. 上面无用的回复可以删除了

[LanceZhu]

DllPlugin 优化效果

示例及依赖选择

选取 hello-world，fusion-design-pro-ts，fusion-design-lite-ts 为实验对象，对于占比较大的产物通过 DllPlugin 预先构建，测量再次构建时，构建时间变化。

• hello-world：总体积(396K)中 react-dom (134.29K)、 core-js (112.15K)所占比例较大。
• fusion-design-pro-ts：总体积(2.7M)中 bizcharts (672.51K)、 react-dom (134.29K)、 core-js (112.7K)、 moment (61.64K)所占比例较大。
• fusion-design-lite-ts：总体积(776K)中 react-dom (134.29K)、 core-js (112.44K)、 moment (61.64K)占比较大。

实验

对每个示例均做3次实验，得到下表：

构建速度记录表中 加粗斜体 数字为3次实验的平均值。
使用平均值对比构建速度变化，得到 使用 DllPlugin 后构建速度变化 图为：

由图看出 DllPlugin 对于三个示例构建速度均有提升。

提升比率分别为：

结论

由图中数据可以得出 DllPlugin 对于构建速度有明显提升，平均可提升 20%。且项目越大，速度提升效果越明显。

[ClarkXia]

在现有 icejs 的架构下支持多任务构建，没必要在单独引入 webpack 进行构建

[LanceZhu]

之前有尝试使用多任务构建，但构建时 DllReferencePlugin 报错找不到 DllPlugin 的产物。可能之前使用有问题，我再试下。

[LanceZhu]

使用 Webpack 多任务构建时。构建业务代码时 DllReferencePlugin 无法加载 DllPlugin 产物即 vendor.manifest.json。
好像是 Webpack 的问题，文档上说 multiCompiler 是顺序执行的。

Multiple configurations will not be run in parallel. Each configuration is only processed after the previous one has finished processing. To process them in parallel, you can use a third-party solution like parallel-webpack.

复现

目录结构：

├── index.js
└── webpack.multi.js

index.js

// index.js
console.log('index');

webpack.multi.js

// webpack.multi.js
const path = require('path');

module.exports = [{
  mode: 'production',
  entry: './index.js',
  output: {
    path: path.join(__dirname),
    filename: 'build.js'
  }
}, {
  mode: 'production',
  entry: './build.js',
  output: {
    path: path.join(__dirname),
    filename: 'dist.js'
  }
 }];

执行

$ webpack-cli --config webpack.multi.js

报错