Fork me on GitHub

vue生产环境清除打印

在生产环境显示打印很不好,而且会影响性能,那怎么去除生产环境的打印呢?王二这里有两个方法,感兴趣的同学可以进来看看

第一种方法

我们可以直接在 src/main.js 里添加如下代码:

1
2
3
4
window.log = console.log;
if (process.env.NODE_ENV === 'production') {
window.log = ()=>{};
}

它会判断当前环境是开发环境还是生产环境,如果是生产环境,则将window.log 赋值给一个空函数。

需要注意的是,为了不影响生产环境原生window.console.log的使用,所以这里定义了一个window.log方法用来打印,所以以后代码里的打印用 log 而不是用 console.log

第二种方法

第二种方法则更加简单,其实在vue的手脚架中可以添加相应的配置项,

build/webpack.config.jspluginsUglifyJsPlugin 里面添加如下配置项:

1
2
3
4
5
6
new webpack.optimize.UglifyJsPlugin({
compress:{
warnings: false,
drop_console: true //添加这行配置项
}
})

问题就被顺利搞定了

-------------本文结束感谢您的阅读-------------