Vue-Cli3.0打包时如何去掉console打印信息
Vue-Cli3.0打包时如何去掉console打印信息
唐志远
发布于 2022-10-27 18:28:41
发布于 2022-10-27 18:28:41
前言
我们在进行项目开发过程中，一般会用到console.log打印某些信息。但是如何生产环境打包时去掉所有consloe打印信息呢？以下是解决办法，也是自己一直使用的方法。
步骤
安装插件 babel-plugin-transform-remove-console
npm install babel-plugin-transform-remove-console --save修改 babel.config.js（如果没有自己创建）
请在根目录下创建babel.config.js
请在根目录下创建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
}然后打包好部署到生产环境，打开控制台，可以看到线上打印信息已经全被清除。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021-01-23，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录