1.//比UglifyJsPlugin壓縮給力1倍的壓縮工具

var ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin')new ParallelUglifyPlugin({cacheDir: '.cache/',uglifyJS: {output: {comments: false},compress: {warnings: false}}}),

?

2.　　

/*
*myhappy的加速度并不顯著,可能需要電腦配置.但是命中cache后速度會翻倍.
*主要的時間消耗是在js的轉換上,就是babel-loader js,大概要23秒.
*壓縮時間大概是10秒.

*https://github.com/amireh/happypack

*http://taobaofed.org/blog/2016/12/08/happypack-source-code-analysis/
*/

var myHappyPack = new HappyPack({loaders: [{// id: 'js',loader: 'babel-loader',threadPool: happyThreadPool,options: {cacheDirectory: true,}}] })

然后加入到plugins:[]里

?

3.推薦的tool,效率與實用平衡考慮

//http://www.cnblogs.com/imwtr/p/7801973.html

devtool: isdev ? "cheap-module-eval-source-map" : "cheap-source-map",

?

4.如果用到將公用js 合并 至 CommonsChunkPlugin ,則開發環境的vendor引用應該放在最前面,否則會報webpackjsonp錯誤.

轉載于:https://www.cnblogs.com/ignacio/p/8468516.html

總結

以上是生活随笔為你收集整理的webpack 效率及性能提升的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。