webpack优化要点笔记

1：webpack升级到最新版本
2：loader使用exculde排除不必要的解析，babel-loader开启缓存
3：manifest.json文件可以做成内联，减少一次http请求
4：文件没有修改话，固定hash，防止缓存失效
webpack稳定moduleid和chunkid以实现持久化缓存的梳理

development：NamedModulesPlugin 
production：HashedModuleIdsPlugin

5：选择合适的devtool

development：cheap-module-eval-source-map
production：cheap-module-source-map

6：dll分离公共基础文件
7：开发模式使用web-dev-server插件，提高编译效率，因为把打包的文件放在内存里
8：开启gzip压缩，避免服务器压缩
9：开启profile显示compiler每个阶段所需耗时，排查优化空间
10：webpack-bundle-analyzer分析打包后文件大小和是否有重复打包
11：降低解析压力

module.noParse
resolve.modules
resolve.mainFields

12：UglifyJsPlugin和terserplugin比较耗时，可使用替代品或选择性压缩
13：HappyPack并行构建优化【这个试了好像没什么用】