本文来自 「Vue虚拟实验」的小伙伴 jarbo,本节内容主要介绍了两种去除 console 的方法。通过打包机制去除 console 是大多数项目采用的方法。下面的“我”指作者本人。
在我们打包 Vue 项目的时候,经常会发现在浏览器的调试工具 console 中能够看到一些打印调试信息(console.log 输出),如果数目很少就还好,我们可以直接去源文件中注视掉再重新打包。可是当我们在项目中使用了很多的 console.log,又或者是项目中其他人的代码,我们并不想针对每一条输出信息去注释,这个时候就需要考虑一些替代方法,本文中列出了在打包时去除 console.log 信息的两种方式。
我最先想到的处理方式是在运行 console.log 之前先判断当前所处环境(process.env.NODE_ENV),只有当环境为development 时,才输出console.log 的内容:
这样只有当前环境是 development 时 console.log 才会