能否在Webpack配置中替换UglifyJsPlugin为ES6兼容压缩包？

首先，你提到的uglify-js-es6确实可以作为替代方案，但更推荐你使用社区目前更主流、Webpack官方也认可的terser-webpack-plugin——毕竟旧版UglifyJsPlugin已经被官方弃用，而terser天生支持ES6+语法，兼容性和后续维护更有保障。不过两种方案我都会给你说明怎么操作。

方案一：使用terser-webpack-plugin（推荐） #

这是当前处理ES6+代码压缩的最优选择，配置步骤如下：

1. 先安装依赖：

npm install terser-webpack-plugin --save-dev

2. 修改你的Webpack配置文件：

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  // ...你的其他Webpack配置项
  optimization: {
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          compress: {
            screw_ie8: true,
            warnings: false
          },
          mangle: {
            screw_ie8: true
          },
          output: {
            comments: false,
            screw_ie8: true
          }
        }
      })
    ]
  }
};

这个配置和你原来的UglifyJsPlugin参数完全对应，直接替换就能正常处理ES6模块了。

方案二：使用uglify-js-es6 #

如果你坚持要用这个包，也是可行的，但需要手动指定插件使用该库来压缩代码：

1. 安装依赖：

npm install uglify-js-es6 --save-dev

2. 修改Webpack配置：

const UglifyJS = require('uglify-js-es6');
const webpack = require('webpack');

module.exports = {
  // ...你的其他Webpack配置项
  plugins: [
    new webpack.optimize.UglifyJsPlugin({
      uglify: UglifyJS, // 明确指定使用uglify-js-es6库
      compress: {
        screw_ie8: true,
        warnings: false
      },
      mangle: {
        screw_ie8: true
      },
      output: {
        comments: false,
        screw_ie8: true
      }
    })
  ]
};

需要注意的是，这个包的维护活跃度不如terser-webpack-plugin，后续如果遇到Webpack版本升级导致的兼容性问题，可能需要切换到官方推荐的方案。

内容的提问来源于stack exchange，提问作者dnmh