vue-cli 4x
vue生产环境中删除console.log
1. 使用babel-plugin-transform-remove-console
删除console.log
-
安装
npm i babel-plugin-transform-remove-console
github地址 -
在根目录下的
.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 ] }
-
重启项目
2. 使用UglifyjsWebpackPlugin
插件webpack地址
- 下载安装
npm i uglifyjs-webpack-plugin -D
- 在
vue.config.js
文件中引入,如果没有该文件,就在根目录下新建一个const UglifyJSPlugin =require('uglifyjs-webpack-plugin') module.exports = { configureWebpack: { plugins: [ new UglifyJSPlugin({ uglifyOptions: { compress: { drop_console: true } } }) ] } }
- 打包项目即可