【实用】Vue线上环境禁止打印console.log_vue重写console.log

场景说明

项目开发阶段常用console.log调试，开发完后需要去掉console.log或者忽略掉代码中的console.log再部署到线上

解决办法

• 通过配置插件，比如uglifyjs-webpack-plugin （打包慢）
• 自己解决：重写console.log方法（不影响打包速度）
  由于公司项目用的是vue-cli2，综合考虑，重写console.log方法;上代码

function rewirteLog() {
  console.log = (function (log) {
    return process.env.NODE_ENV == 'production' ? function () { } : log
  }(console.log))
}
1
2
3
4
5

操作步骤

1. 写一个方法判断是否为生产环境，如果是就重写console.log方法；
2. 在main.js文件中调用此方法

写在最后

我是 AndyHu，目前暂时是一枚前端搬砖工程师。

文中如有错误，欢迎在评论区指正，如果这篇文章帮到了你，欢迎点赞和关注呀