前言： 由于项目迭代，使用的各种库越来越多，每次构建的时间也越来越长。就公司最近接触的两个项目，一个首次构建时间在60秒左右，有时候还更长一些，另一个是在90秒左右。使用了HardSourceWebpackPlugin插件后平均构建速度都在15s以内，效率提高了不少。而且HardSourceWebpackPlugin的配置也异常简单，不得不说，HardSourceWebpackPlugin牛逼！！
1.由于之前了解有限，一直想到的是通过dll配置，生成动态链接库然后编译时引入，但是这种方法配置十分麻烦， 尤其是在实际项目中有各种各样的情况，对于我这种新手来说更是难以上手。
2.在dll配置方案遇到了坑，困扰了好几天之后，十分幸运的看到了这个插件，顿时激动的泪流满面。话不多少，简单的记录下插件的使用吧，具体的个性化配置可以到官网查看。
i. 安装：npm i hard-source-webpack-plugin
ii. webpack.dev.config.js 或其它构建目录
const HardSourceWebpackPlugin = require('hard-source-webpack-plugin');
module.exports = {
plugins: [
new HardSourceWebpackPlugin()
]
}
然后运行构建命令，第一次时间基本不会少，但是从第二次开始，你就可以享受到插件带来的便利啦~
