Webpck 性能优化

减少Webpack打包时间

优化loader
对于Babel，Babel会将代码从字符串转化成AST，然后从AST再转化成新的代码。所以项目越大，转换代码越多，效率就越低。
- 优化文件搜索范围（可以不用编译node_modules）中的代码，因为里面的代码都是编译过的。
- 可以设置缓存，将Babel编译过的代码缓存起来，下次只需要编译更改过的代码即可。
使用HappyPack
由于Node是单线程运行的，所以webpack在打包的过程中也是单线程的，特别是在执行loader的时候，长时间编译的任务很多，这样就会导致等待的情况。
HappyPack可以将loader从同步执行转换成并行的。充分利用系统资源加快打包效率
DllPlugin
DllPlugin可以将特定的类库提前打包然后引入。这种方式可以极大的减少打包类库的次数。主要当类库更新版本才有需要重新打包
代码压缩
在webpack4中，只要将mode设置为production就可以默认开启代码压缩功能（还可以配置删除console类代码）
resolve.extensions，尽可能减少后缀列表长度，将出现频率高的后缀排在前面
resolve.alias：设置别名的方式映射一个路径，让Webpack更快找到路径
module.noParse：如果你确定一个文件下没有其他依赖，可以让webpack不扫描该文件。