别担心把 console 带到线上

本文来自 「Vue虚拟实验」的小伙伴  jarbo，本节内容主要介绍了两种去除 console 的方法。通过打包机制去除 console 是大多数项目采用的方法。下面的“我”指作者本人。

在我们打包 Vue 项目的时候，经常会发现在浏览器的调试工具 console 中能够看到一些打印调试信息（console.log 输出），如果数目很少就还好，我们可以直接去源文件中注视掉再重新打包。可是当我们在项目中使用了很多的 console.log，又或者是项目中其他人的代码，我们并不想针对每一条输出信息去注释，这个时候就需要考虑一些替代方法，本文中列出了在打包时去除 console.log 信息的两种方式。

我最先想到的处理方式是在运行 console.log 之前先判断当前所处环境（process.env.NODE_ENV)，只有当环境为development 时，才输出console.log 的内容:

这样只有当前环境是 development 时 console.log 才会执行，我们只需要在所有的console.log前加上这一句逻辑就好了。再也不用打包前注释，开发时取消注释了。

好了，在我们给一百多行的 console.log 前加了判断条件之后，发