如何去除vue项目中的console内容


一 、问题

vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码,其实方法很简单:

 

下载依赖包

 

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

 

下载成功后在根目录的babel.config.js配置文件中,plugins数组中添加"transform-remove-console"即可。

秒收目录站https://www.tomove.com.cn

不过这样设置会使得开发阶段也会屏蔽console,避免这种情况 这样改:

 

二、 配置babel.config.js

在babel.config.js文件中:

// 所有生产环境 const prodPlugin = [] if (process.env.NODE_ENV === 'production') { // 如果是生产环境,则自动清理掉打印的日志,但保留error 与 warn prodPlugin.push([ 'transform-remove-console', { // 保留 console.error 与 console.warn exclude: ['error', 'warn'] } ]) } module.exports = { plugins: [ ...prodPlugin ] }


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM