本文介绍了如何在使用Vue CLI 3进行项目构建时,通过配置webpack来实现自动忽略或移除代码中的console.log语句,帮助开发者优化生产环境下的应用性能。
要在项目中安装 uglifyjs-webpack-plugin 插件,请运行以下命令:
```bash
npm i -D uglifyjs-webpack-plugin
```
然后,在 `vue.config.js` 文件里引入并配置该插件,如下所示:
```javascript
const UglifyJsPlugin = require(uglifyjs-webpack-plugin);
module.exports = {
configureWebpack: {
plugins: [
new UglifyJsPlugin({
uglifyOptions: {
compress: {
drop_console: true,
},
},
}),
],
},
};
```