作用:
在webpack打包过程中,由于第三方插件的引入,在每一次打包的过程中,都会打包这些第三方插件,所以,通过DllPlugin,来达到,只打包一次,之后,在打包的过程中,运用这个已经打包的文件即可
配置
1, 新建一个webpack.dll.js
在里面配置打包第三方包,并且配置插件DllPlugin,来生成第三方包的映射文件
image.png
2, 在webpack.commom.js中,配置
1.安装npm i add-asset-html-webpack-plugin -D
这个插件可以将文件插入到生成的html中,即生成的html文件会引用插入的文件,注意:必须和html-webpack-plugin配置一起
2.配置DllReferencePlugin,来告诉webpack打包时,遇到第三方插件,去配置的文件中查找先
image.png
