欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue生产环境删除console.log的简易方法

程序员文章站 2022-04-11 12:50:00
...

一、说明

该方法不用安装插件,通过判断环境是否为开发环境或者是测试环境,是的话就打印日志,这个方法个人觉得是最方便的!

二、创建showlog.js

在src目录下创建utils文件夹,在utils文件夹中创建showlog.js

三、showlog.js代码如下

function showlog(log){
    if (process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test"){
        console.log(log);
    }
}
export default showlog;

四、在main.js引用

import showlog from './utils/showlog';
Vue.prototype.showlog = showlog;

五、在页面中应用

this.showlog("这是效果哟!");
相关标签: vue vue