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過程）和線上構建過程，將再也不重複靜態公共資源的構建，極大地縮減咱們的構建時間。