vue在生产环境和测试环境去掉 console 打印日志 只保留 “error“、 “warn“

vue在生产环境和测试环境去掉 console 打印日志 只保留 “error”、 “warn”



一、安装插件

npm install babel-plugin-transform-remove-console

在这里插入图片描述

二、babel.config.js配置

const plugins = []
if (process.env.ENV === 'production' || process.env.ENV === 'staging') {
    //exclude(忽略)
    plugins.push(["transform-remove-console", { "exclude": ["error", "warn"] }])
}
module.exports = {
    presets: [
        // https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
        '@vue/cli-plugin-babel/preset'
    ],
    plugins,
    'env': {
        'development': {
            // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
            // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
            'plugins': ['dynamic-import-node']
        }
    }
}

在这里插入图片描述

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
### 回答1: console.error(("[vue warn]: " + msg + trace)) 的意思是:在控制台输出一个错误信息,信息内容为 "[vue warn]: " + msg + trace。其中,msg 是错误信息的具体内容,trace 是错误信息的堆栈追踪信息。这段代码通常用于 Vue.js 框架中,用于输出警告信息。 ### 回答2: 这段代码是Vue中的警告信息输出语句。console.error表示输出错误信息,"[vue warn]: "和msg是要输出的警告信息和提示内容,trace是追踪信息。 在Vue中,当开发者在编写组件的时候,如果出现了一些不符合规范的情况,Vue会自动进行一些警告提示。比如,在一个组件中使用了props,但是没有在props中声明,在数据绑定时使用了不存在的数据,此时Vue都会自动提示警告。 而这段代码的作用就是在这些警告提示出现时向开发者输出提示信息,以帮助开发者尽快发现和解决问题。由于这些警告信息有时候可能比较难以定位,因此在输出警告信息的同时,将追踪信息也输出,给开发者带来更多的帮助。 总之,这段代码是Vue框架内部的一个工具函数,用于输出警告和提示信息,提醒开发者在开发过程中出现的问题,以便及时解决,保证应用的稳定性和正确性。 ### 回答3: console.error(("[vue warn]: " + msg + "\n" + trace))是一段JavaScript代码,该代码的主要作用是在控制台中输出Vue的警告信息。 在实际开发中,Vue会通过console.warn()方法输出一些警告信息,例如Vue组件中使用了某个已废弃的选项或者方法,Vue实例中存在未定义的数据等等。当出现这些警告信息时,我们需要尽快解决它们,以避免应用程序出现意外的行为。 console.error()方法是将错误信息输出到控制台,一般用于输出一些代码的运行时错误信息。在这段代码中,使用console.error()方法输出Vue的警告信息,可以使警告信息更加醒目并且能够更好地引起开发者的注意。 该代码的参数包括msg和trace两个变量。msg变量是警告信息的内容,trace变量是用于跟踪调用堆栈的字符串。在打印警告信息时,Vue将msg和trace字符串拼接成一条完整的警告信息,并输出到控制台。 总而言之,该代码用于将Vue的警告信息输出到控制台,并提供了更好的可读性和调试性。如果在开发Vue应用程序时遇到警告信息,请及时解决,并查看控制台输出的具体错误信息以充分了解错误的来源和解决方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

七@归七

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值