如何去除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