项目打包,去除控制台打印

最新推荐文章于 2024-09-14 09:24:27 发布

我叫张永宽@

最新推荐文章于 2024-09-14 09:24:27 发布

阅读量929

点赞数 2

分类专栏： vue 文章标签： 1024程序员节 vue-cli3

本文链接：https://blog.csdn.net/weixin_44051639/article/details/120940046

版权

在Vue CLI3项目中，通过重写`console.log`方法来实现生产环境中去除控制台打印，而在开发环境保留。通过在`main.js`入口文件添加特定代码，可以实现环境判断，优化代码维护。同时，可以将这部分代码封装到独立的JS文件，以便于管理和防止入口文件过长。

摘要由CSDN通过智能技术生成

一行代码

重写console.log方法

// 重新console.log方法 , 放在main.js入口文件即可
console.log = function () { }

优化写法

一行代码的写法 , 也可以控制台输出解决问题 , 但我们在开发环境下还需要对log进行删除,而生产环境还需要添加 , 虽然重复这样也可以解决问题 , 但为了优化 , 只需要判断生产环境重新方法 , 开发环境不重写即可 , 那么判断即可
在main.js入口文件复制这行代码即可

// 需要分2个环境的代码时
// 可以用process.env.NODE_ENV 来进行判断
// process是nodejs环境的全局变量
// env固定属性
// NODE_ENV, webpack配置好的一个属性名
// yarn serve ,webpack会加载开发"环境的配置变量" NODE_ENV值默认就是'development'
// yarn build, webpack会加载生产环境的配置变量 NODE_ENV值默认就是'production'
console.log(process.env)
if (process.env.NODE_ENV === 'production') {
     console.log = function () { }
    // 类似警告 , 错误 , 对象 也可以在生产环境去掉
   // console.error = function () { }
   // console.dir = function () { }
   // console.warning = function () { }
}
// 让这段代码先执行
// 以后console.lo