1、speed-measure-webpack-plugin 告诉webpack那里慢

2、loader cache-loader + happypack那里慢摸那里

3、plugins慢的话 老版本是否最新

4、entry 多了webpack必然慢

5、拆entry 按照项目纬度进行拆分

集群编译

订单 git webpack.config.js

展示 git webpack.config.js

4台服务器

主服务器(本机或者jenkins那台)+ 免密登陆

1号服务器 ---> 订单 git webpack.config.js

git拉取

npm run dev

webpack --mode development(dist) scp 主服务器

主服务器只编译一个壳

6、上线压缩效率低 UglifyJsPlugin开启多核压缩 webpack-parallel-uglify-plugin

7、friendly-errors-webpack-plugin progress-bar-webpack-plugin美化代码环境

8、set-iterm2-badge iterm设置标题

9、webpack-dashboard 分析工具 大小

10、做好不要把公用包打包

module.exports = {
  //...
  externals: {
    jquery: 'jQuery'
  }
};
1
2
3
4
5
6

11、babel typescript最新版本

12、splitchunk runtime + common包

13、devtool eval最快