考虑集成 dll 功能用以提升调试效率

[sorrycc]

考虑集成 dll 功能用以提升调试效率

[sorrycc]

roadhog 的 dllPlugin 实现：

1. 默认关闭
2. 通过 .roadhogrc 的 dllPlugin 配置开启，可以配 exclude 和 include 的包
3. 提供 roadhog buildDll 命令手动打 dll bundle
4. 开启 dllPlugin 后，roadhog server 时检到没有 manifest.json，提醒执行 roadhog buildDll
5. 然后用户还需手动在调试的 html 里引入 roadhog.dll.js（后面可以考虑用 HtmlWebpackPlugin 生成）

[sorrycc]

例子：https://github.com/mxstbr/react-boilerplate

[sorrycc]

以 dva-example-user-dashboard 为例，用上 dll 之后能快 2-3 秒。

• 用 dll 之前，10s
• 用 dll 之后，7-8s

依赖多了之后应该能更快点，稍后拿个复杂项目试试看。

[sorrycc]

参考：

• https://gist.github.com/robertknight/058a194f45e77ff95fcd
• https://robertknight.github.io/posts/webpack-dll-plugins/
• http://engineering.invisionapp.com/post/optimizing-webpack/
• https://www.zhihu.com/question/31352596

[sorrycc]

感觉 antd 由于引入了 babel-plugin-import，所以 antd 部分的 dll 无效，待排查。

• umijs/babel-plugin-import#81

[sorrycc]

试了一个内部的复杂项目，开启 dll 后，启动时间从 44s -> 29s 。

[liuhuapiaoyuan]

考虑什么时候更新到npm呢

[liuhuapiaoyuan]

一直在关注这事~~就是最近项目太赶了，好像提pr

[sorrycc]

下周吧，这周后面没时间搞这个了。

[sorrycc]

以 https://github.com/dvajs/dva-example-user-dashboard 为例，devtool 为 sourcemap 的情况下。未启用 dll 时启动时间 13.2s，修改代码后热编译 2.5s；启用 dll 之后，启动时间 8s，修改代码后热编译 0.7s 。

[terminalqo]

求解 exclude 与 include 的作用。。。