UglifyJS怎么使用

UglifyJS 可以通过 `uglifyjs-webpack-plugin` 插件在 Webpack 中使用。首先，你需要安装该插件：

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

然后在 Webpack 配置文件中引入插件：

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  // ...其他配置
  optimization: {
    minimizer: [
      new UglifyJsPlugin({
        // UglifyJS 配置
      })
    ]
  }
}

其中，`optimization.minimizer` 是 Webpack 4 中的优化配置，用于指定要使用的代码压缩插件，可以是多个插件。在这里我们只使用了 `UglifyJsPlugin`。

`UglifyJsPlugin` 的配置项可以参考官方文档，常用的配置项包括：

- `test`：匹配需要压缩的文件，可以是正则表达式或者文件路径。
- `exclude`：排除不需要压缩的文件，可以是正则表达式或者文件路径。
- `cache`：是否启用缓存，加快二次构建的速度。
- `parallel`：是否开启多进程构建，可以提高构建速度。
- `sourceMap`：是否生成 source map。
- `uglifyOptions`：UglifyJS 的配置项，可以参考 UglifyJS 文档。

例如，下面的配置将会压缩所有 JavaScript 文件，并生成 source map：

new UglifyJsPlugin({
  test: /\.js($|\?)/i,
  sourceMap: true,
  uglifyOptions: {
    compress: {
      warnings: false
    },
    output: {
      comments: false
    }
  }
})