Skip to main content

npm run xxx 的打工之旅，它到底干了什么？

周周
周周
听君一席话 如听一席话
· 预计阅读时间：1 分钟
note

每当我们运行 npm run xxx 的时候，我都看着他它在辛勤的劳作，然后等待着收获，并没有关心过npm run 之后到底做了什么怎么做的，怎么有点像无良____ ;现在我们来体现一下对员工的关怀吧

vuecli3+脚手架创建的项目下批量删除console.log(xxx)

周周
周周
听君一席话 如听一席话
· 预计阅读时间：1 分钟

vuecli3+脚手架创建的项目下批量删除console.log(xxx)#

最终方式不是最好的方式，甚至是有开发好的插件 ，再次说这个内容只是体现一个对问题的思考

涉及内容 console.log、生产环境和开发环境的区分、简易自定义webpack loader

项目开发过程中相信大家都使用过console.log(xxx)在浏览器控制台中输出内容

通过它在控制台打印出来的东西会让我们安心也会让我们疑惑不解

正因为这样，它成为了我们开发过程中非常好用的调试方式，用来梳理复杂逻辑的执行顺序、监控执行步骤、查看我要获得的内容、当输出内容不在预期时可以让我们反向推导

然后用的多了难免会忘记删除，这样会被打包到生产环境中，虽然一般人也不会看但是这也是非常不合适的，因此我们怎么快速删除被遗忘的console.log(xxx)呢？