UglifyJS怎么使用
时间: 2024-03-12 14:48:07 浏览: 22
UglifyJS 可以通过 `uglifyjs-webpack-plugin` 插件在 Webpack 中使用。首先,你需要安装该插件:
```bash
npm install uglifyjs-webpack-plugin --save-dev
```
然后在 Webpack 配置文件中引入插件:
```js
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:
```js
new UglifyJsPlugin({
test: /\.js($|\?)/i,
sourceMap: true,
uglifyOptions: {
compress: {
warnings: false
},
output: {
comments: false
}
}
})
```
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)