共计 517 个字符,预计需要花费 2 分钟才能阅读完成。
1. 什么是 DLLPlugin
DllPlugin 结合 DllRefrencePlugin 插件的运用,对将要产出的 bundle 文件进行拆解打包,可以很彻底地加快 webpack 的打包速度,从而在开发过程中极大地缩减构建时间。
webpack 官网关于 DLLPlugin 以及 DllRefrencePlugin 解释 https://webpack.docschina.org…
2. 配置 webpack.dll.js 打包静态公共资源
1. 配置文件 webpack.dll.js
2. 打包静态资源
根据 webpack.dll.js 会生成指定的 react_library.dll.js ,scratch_library.dll.js(dll/library 文件夹下)
3. 配置 webpack.config.js 打包入口文件
生成了之后,下一步就是在入口文件中关联引用
.json 的文件, 这个文件包含了从 require 和 import 的 request 到模块 id 的映射, 这个文件是用来让 DLLReferencePlugin 映射到相关的依赖上去的。
向模板中注入静态资源:
如此,在接下来的本地开发(dev 过程)和线上构建过程,将不再重复静态公共资源的构建,极大地缩减我们的构建时间。
正文完