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
2
3
4
5
6
11、babel typescript最新版本
12、splitchunk runtime + common包
13、devtool eval最快