Vue移除Console.log()
移除Console.log()
一. 安裝對應依賴
兩種方法:分別針對於終端和視覺化視窗,
第一種方式為:開啟終端-輸入npm i babel-plugin-transform-remove-console --save --dev
第二種方法為:開啟視覺化視窗-依賴皮膚-安裝依賴-選擇開發依賴-搜尋babel-plugin-transform-remove-console外掛
二. 原理分析
在babel檔案新增transform-remove-console欄位,取除console.log輸出,通過新增if函式
以實現釋出專案階段的作用生效
三. 操作原理
(1) 首先進入專案開啟babel.config.js,將 transform-remove-console貼上到plugins陣列當中
(2) 但這種移除方法會將專案開發階段和釋出階段的列印輸出方式全部移除,顯然這是不合理的,所以應當將其修改為釋出階段的移除模式,首先需要在babel.config.js當中定義一個空陣列prodPlugins用於接收transform-remove-console欄位,接下來,判斷process.env.NODE_ENV的值,如果值為production證明專案屬於釋出階段,那麼將transform-remove-console欄位加入到prodPlugins當中,並將prodPlugins陣列以…prodPlugins的形式儲存到plugins陣列當中,同時刪除之前加入的transform-remove-console
相關文章
- 用console.log分析Vue原始碼Vue原始碼
- Vue 全站快取之 keep-alive : 動態移除快取Vue快取Keep-Alive
- JS 移除空格JS
- 27,移除元素
- 【vue3+vue2】清除ElementUI的el-input標籤的校驗-區別——resetFields()-移除校驗結果並重置欄位值 & clearValidate()-移除校驗結果VueUI
- 前端console.log之坑。。。前端
- vue-cli3.0或者nuxt.js打包生產環境下刪除console.logVueUXJS
- 【譯】Vue 的小奇技(第三篇):用 PurgeCSS 移除不需要的 CSSVueCSS
- 27.移除元素
- 27. 移除元素
- console.log()和alert()區別
- console.log非同步機制?非同步
- 前端列印console.log 字元畫前端字元
- JS 移除 HTML 標籤JSHTML
- Apache Kafka 移除 ZK ProposalsApacheKafka
- [12][02][27] 移除元素
- Ubuntu移除cloud init元件UbuntuCloud元件
- wpf移除事件委託事件
- IE console.log 除錯狀態除錯
- vuecli線上打包去除console.logVue
- 自定義log代理console.log方法
- 力扣27. 移除元素力扣
- 9.移除元素(簡單)
- 如何移除事件監聽器事件
- 簡介的jQuery移入移除jQuery
- 從xcode中移除ARCXCode
- Node中console.log的同步實現
- cordova在Xcode下console.log列印XCode
- js除錯命令,不止於console.log()JS除錯
- Javascript 除錯命令——你只會 Console.log() ?JavaScript除錯
- [Memory Leak] 1. console.log cause memory leak
- 重寫console.log咋辦嘞 (解決)
- 在 Mac 上建立和移除替身Mac
- iOS逆向之移除Oplayer lite廣告iOS
- C# 移除字串末尾指定字元C#字串字元
- [LeetCode] Remove Element 移除元素LeetCodeREM
- Flex Chart 技巧 - 移除浮水印Flex
- OpenSUSE 12.1 移除 Sun/Oracle JavaOracleJava