vue 打包console_Vue Cli 3 打包配置--自动忽略 console.log 语句

下载插件npm i -D uglifyjs-webpack-plugin

在 vue.config.js 引入使用const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

module.exports = {

configureWebpack: {

plugins: [

new UglifyJsPlugin({

uglifyOptions: {

compress: {

drop_console: true,

},

},

}),

],

},

devServer: {

proxy: {

'/xxx': {

target: 'http://192.168.150.17:8080/',

changeOrigin: true,

ws: true,

pathRewrite: {

'^/xxx': 'xxx',

},

},

},

},

publicPath: './',

}

这时执行 npm run build 打包后的文件就没有 console.log 语句了。

不过这时会有一个问题，就是在开发环境的时候编译会非常慢。例如修改了一个变量的值，我的电脑要编译 10 秒才能重新刷出来页面，一直卡在 92% chunk asset optimizatio