> For the complete documentation index, see [llms.txt](https://azr.gitbook.io/webpack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://azr.gitbook.io/webpack/you-hua/ya-suo-dai-ma.md).

# 压缩代码

使用`uglifyjs-webpack-plugin`  来进行代码压缩。

### �安装

```javascript
$ npm i uglifyjs-webpack-plugin -D
```

### �webpack.config.js

```
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
plugins: [
    // 压缩输出的 JavaScript 代码
    new UglifyPlugin({
      uglifyOptions: {
        // 启用IE8支持
        ie8: false,
        // 支持的ECMAScript版本（5,6,7或8）。影响解析，压缩和输出选项
        ecma: 8,
        output: {
          // 删除所有的注释
          comments: false,
          // 最紧凑的输出
          beautify: false,
        },
        compress: {
          // 在UglifyJs删除没有用到的代码时不输出警告
          warnings: false,
          // 删除所有的 `console` 语句，可以兼容ie浏览器
          drop_console: true,
          // 内嵌定义了但是只用到一次的变量
          collapse_vars: true,
          // 提取出出现多次但是没有定义成变量去引用的静态值
          reduce_vars: true,
        }
      }
    }),
  ],
};
```