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

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

?

2.　　

/*
*myhappy的加速度并不顯著,可能需要電腦配置.但是命中cache后速度會(huì)翻倍.
*主要的時(shí)間消耗是在js的轉(zhuǎn)換上,就是babel-loader js,大概要23秒.
*壓縮時(shí)間大概是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,效率與實(shí)用平衡考慮

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

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

?

4.如果用到將公用js 合并 至 CommonsChunkPlugin ,則開發(fā)環(huán)境的vendor引用應(yīng)該放在最前面,否則會(huì)報(bào)webpackjsonp錯(cuò)誤.

轉(zhuǎn)載于:https://www.cnblogs.com/ignacio/p/8468516.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。