uglifyjs-webpack-plugin 怎么配置的
时间: 2023-08-08 10:10:01 浏览: 46
uglifyjs-webpack-plugin是一个用于压缩JavaScript代码的webpack插件,可以帮助减小打包后的文件体积,提高页面加载速度。以下是uglifyjs-webpack-plugin的配置方法:
1. 安装uglifyjs-webpack-plugin:
```shell
npm install uglifyjs-webpack-plugin --save-dev
```
2. 在webpack配置文件中引入uglifyjs-webpack-plugin:
```javascript
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
module.exports = {
// ...
plugins: [
new UglifyJsPlugin({
// UglifyJsPlugin的配置选项
})
]
}
```
3. 配置UglifyJsPlugin的选项:
```javascript
new UglifyJsPlugin({
test: /\.js($|\?)/i, // 匹配要压缩的文件
exclude: /\/excludes/, // 排除不需要压缩的文件
cache: true, // 启用缓存
parallel: true, // 并行压缩
sourceMap: true, // 生成sourceMap文件
uglifyOptions: { // UglifyJS的配置选项
compress: {
drop_console: true, // 去掉console.log
drop_debugger: true, // 去掉debugger语句
},
output: {
comments: false, // 去掉注释
beautify: false, // 压缩代码
}
}
})
```
以上是uglifyjs-webpack-plugin的基本配置方法,可以根据实际需求进行相应的调整。需要注意的是,由于uglifyjs-webpack-plugin使用的是UglifyJS进行代码压缩,因此压缩效果可能会受到UglifyJS版本的影响。如果需要更加强大和稳定的压缩工具,可以考虑使用其他工具,比如Google Closure Compiler。