vue-cli 4x生产环境中删除console.log

vue-cli 4x vue生产环境中删除console.log

1. 使用babel-plugin-transform-remove-console删除console.log

1. 安装 npm i babel-plugin-transform-remove-consolegithub地址

2. 在根目录下的.babel.config.js中
   

   const productionPlugins = []
   // 判断当前的环境是开发还是生产
   if(process.env.NODE_ENV === 'production') {
       productionPlugins.push('transfrom-remove-console')
   }
   module.exports = {
       presets: [],
       plugins: [
           // 演示效果可以直接添加即可
           'transfrom-remove-console'
           // 部署到生产环境的时候需要用到的 plugins
           // ...productionPlugins
       ]
   }
   

3. 重启项目

2. 使用UglifyjsWebpackPlugin插件webpack地址

1. 下载安装npm i uglifyjs-webpack-plugin -D
2. 在vue.config.js文件中引入，如果没有该文件，就在根目录下新建一个

   const UglifyJSPlugin =require('uglifyjs-webpack-plugin')
   module.exports = {
   	configureWebpack: {
   		plugins: [
   			new UglifyJSPlugin({
   				uglifyOptions: {
                       compress: {
                           drop_console: true
                       }
                   }	
   			})
   		]
   	}
   }
   

3. 打包项目即可