打包速度優化

Webpack 默認提供的 UglifyJS 插件，由於采用單線程壓縮，速度頗慢 ；推薦采用 webpack-parallel-uglify-plugin 插件，其做法如下，

new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false
  },
  sourceMap: true
})

替換如上自帶的 UglifyJsPlugin 寫法為如下配置即可：

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

去掉正式環境的console.log

在壓縮插件裏過濾掉即可，加後的代碼如下：

    new ParallelUglifyPlugin({
      cacheDir: ‘.cache/‘,
      uglifyJS:{
        output: {
          comments: false
        },
        compress: {
          warnings: false,
          drop_console: true,
          pure_funcs: [‘console.log‘]
        }
      }
    })
 

webpack打包速度優化