webpack打包速度优化

Posted 2020-10-15 wings_lhw

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack打包速度优化相关的知识，希望对你有一定的参考价值。

打包速度优化

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打包速度优化的主要内容，如果未能解决你的问题，请参考以下文章