作者回复: 是的，如果项目使用了 Webpack4，确实对 dll 的依赖没那么大，使用 dll 相对来说提升也不是特别明显。而且有 hard-source-webpack-plugin 可以极大提升二次构建速度。不过从实际前端工程中来说， dll 还是很有必要掌握的。对于一个团队而言，基本是采用相同的技术栈，要么 React、要么Vue 等等。这个时候，通常的做法都是把公共框架打成一个 common bundle 文件供所有项目使用。比如我们团队会将 react、react-dom、redux、react-redux 等等打包成一个公共库。dll 可以很好的满足这种场景：将多个npm包打成一个公共包。因此团队里面的分包方案使用 dll 还是很有价值，常见的会从整个工程的角度分为基础包（react、redux等）、业务公共包（所有业务都要用到的监控上报脚本、页面初始化脚本）、某个业务的js。

2019-09-30

3

12

archer😄

请问老师，dllplugin和splitChunks可以一起用吗?有没有什么区别和联系?

作者回复: 可以一起使用。 DllPlugin 通常用于基础包（框架包、业务包）的分离。 SplitChunks 虽然也可以做 DllPlugin 的事情，但是更加推荐使用 SplitChunks 去提取页面间的公共 js 文件。因为使用 SplitChunks 每次去提取基础包还是需要耗费构建时间的，如果是 DllPlugin 只需要预编译一次，后面的基础包时间都可以省略掉。

2019-08-10



1

西府海棠

老师，这个分包后到生产环境是需要手动引入分包的js吗，我一直报not defined。。

2019-08-28

3

10

Ricardo·M·Liang

分包好了，上线怎么搞，公用包的js扔哪里呢。。刷到了50章，发现有些学员问题没人给出答案啊。云里雾里。。

2019-11-17



5

Juntíng

老师，这里构建打包的过程时缺少了一步，自动将 dll 包插入各个 html 页面中，还需要手动进行插入。

2019-11-02



5

花狗是我

我来分析一下为什么会报library_fc272b992b57c3c5ad13 is not defined, 因为DllPlugin把react公共包打包完成后，这个js文件全局暴露一个变量名就是library_fc272b992b57c3c5ad13，老师的输出配置output.library = [name]，而new webpack.DllPlugin({name: [name]_[hash]}),这两个值必须相等才行，如果不等会报错，一个加hash，另外一个也要加hash，或者都不加hash。另外我通过测试发现，不能给filename加chunkhash。这上面的步骤完成，再在html里面引入library_fc272b992b57c3c5ad13.dll这个js文件，或者通过AddAssetHtmlPlugin这个插件自动注入

2019-11-05

8

4

哈

老师，我npm run build之后，index.html中并没有引入dll打包出来的文件，是还需要做别的操作吗？

2019-09-22



4

周建国

webpack5 已经不需要这样做了 https://github.com/webpack/webpack/issues/6527

2022-07-26



1

宗麒麟

这个插件与webpack自带的externals 有什么优势吗老师

2020-04-19

1

1

覃

老师好，我这里按照您的方法分别写好了DllPlugin和DllReferencePlugin，且编译用时、包的大小均有减少无报错。但运行的时候提示library_[hash] is not defined。不知道是什么原因？是不能和splitChunks同时使用吗？希望老师能指点一二

2019-08-12

4

1

收起评论