webpack预编译之DllPlugin

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过程）和线上构建过程，将不再重复静态公共资源的构建，极大地缩减我们的构建时间。