安装

npm install uglifyjs-webpack-plugin --save-dev

配置

在vue.config.js文件中配置
因为该插件在本地开发环境构建很慢，只在生产环境下使用

if (process.env.NODE_ENV === 'production') {
  config.configureWebpack.optimization.minimizer.push(new UglifyJsPlugin({
    uglifyOptions: {
      compress: {
        // 配置压缩选项，默认为true
        unused: true,  // 是否移除没有引用的代码，默认为`true`
        dead_code: true,  // 是否移除没有执行的代码，默认为`true`
      },
      mangle: true, // 是否混淆代码
      output: {
        beautify: false, // 是否美化代码
        comments: false // 是否删除代码中的注释，默认为`true`
      }
    }
  }))
}

效果

压缩前

压缩前

压缩后，文件变小，但效果有限

压缩后.png