在vue.config.js里配置uglifyjs-webpack-plugin
时间: 2023-06-12 12:08:16 浏览: 105
要在Vue项目中使用`uglifyjs-webpack-plugin`进行代码压缩,可以按照以下步骤进行配置:
1. 安装`uglifyjs-webpack-plugin`:
```
npm install --save-dev uglifyjs-webpack-plugin
```
2. 配置`vue.config.js`文件:
```javascript
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
warnings: false,
drop_console: true,
drop_debugger: true,
pure_funcs: ['console.log'] // 移除console
}
}
})
]
}
}
}
```
这段配置的作用是在Webpack打包时,使用`uglifyjs-webpack-plugin`插件进行代码压缩,同时移除了一些无用代码,如`console.log`。
3. 执行`npm run build`进行打包。
注意:`uglifyjs-webpack-plugin`插件已经默认安装在Vue CLI 3中,无需手动安装。如果使用Vue CLI 2.x,请手动安装。
相关推荐
![](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)