美文网首页收藏
Vue-Cli3.0打包时如何去掉console打印信息

Vue-Cli3.0打包时如何去掉console打印信息

作者: 子瞻是也 | 来源:发表于2022-01-04 10:04 被阅读0次

原文链接:Vue-Cli3.0打包时如何去掉console打印信息

前言

我们在进行项目开发过程中,一般会用到console.log打印某些信息。但是如何生产环境打包时去掉所有consloe打印信息呢?以下是解决办法,也是自己一直使用的方法。

步骤

1.安装插件 babel-plugin-transform-remove-console

npm install babel-plugin-transform-remove-console --save

2.改 babel.config.js(如果没有自己创建)


new-babel.jpg

请在根目录下创建babel.config.js
const plugins = []
if (process.env.NODE_ENV === 'production') {
//exclude(忽略)
plugins.push(["transform-remove-console", { "exclude": ["error", "warn"] }])
}
module.exports = {
presets: [
'@vue/app'
],
plugins
}
后打包好部署到生产环境,打开控制台,可以看到线上打印信息已经全被清除。

相关文章

网友评论

    本文标题:Vue-Cli3.0打包时如何去掉console打印信息

    本文链接:https://www.haomeiwen.com/subject/xmlqcrtx.html