vue項目打包清除console.log的4種方法
記錄一下項目中碰到的小問題，打包清除console.log的方法，vue2，vue-cli5.0.0（得注意一下自己項目的vue-cli版本）
第1種：
uglifyjs-webpack-plugin插件，配置在vue.config.js中，不支持es6，已歸檔，不再維護，不推薦，vue-cli3,4可行，vue-cli5中未生效。（我項目中未生效，不附代碼，可自行搜索嘗試）
第2種：
terser-webpack-plugin插件，配置在vue.config.js中，vue-cli5自帶，vue-cli3,4需要下載插件，vue-cli3,4可行，vue-cli5中已無默認對應配置屬性’drop_console’，自己添加后依舊未生效。（我項目中未生效，不附代碼，可自行搜索嘗試）
第3種：
babel-plugin-transform-remove-console插件，配置在babel.config.js中，vue-cli5實測可行，vue-cli3,4也可行。（嘗試后，谷歌瀏覽器控制臺僅websocket的打印輸出未清除，其他打印輸出都是清除干凈了的）
下載依賴
npm install babel-plugin-transform-remove-console -D or yarn add babel-plugin-transform-remove-console -D
babel.config.js中
const proPlugins = [];
// 判斷環(huán)境
if (process.env.NODE_ENV === 'production') {
proPlugins.push('transform-remove-console');
}
module.exports = {
plugins: [...proPlugins],
};
第4種：
不用插件，main.js中判斷生產環(huán)境后window.console.log = function (){};即可，vue-cli5實測可行，vue-cli3,4也可行。（嘗試出來的效果是清除得最干凈的，但不清楚這種侵入式覆蓋的寫法有啥弊端沒有）
main.js中
// 正式環(huán)境清除所有console.log
if (process.env.NODE_ENV === 'production') {
if (window) {
window.console.log = function () {};
}
}到此這篇關于vue項目打包清除console.log的4種方法的文章就介紹到這了,更多相關vue打包清除console.log內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
本文主要介紹了vue結合leaflet實現鷹眼圖，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
vue路由跳轉打開新窗口(window.open())和關閉窗口(window.close())
這篇文章主要介紹了vue路由跳轉打開新窗口(window.open())和關閉窗口(window.close())問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
vue動態(tài)生成新表單并且添加驗證校驗規(guī)則方式
這篇文章主要介紹了vue動態(tài)生成新表單并且添加驗證校驗規(guī)則方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue.js 實現v-model與{{}}指令方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了如何使用Vue技術實現一個簡單的備忘錄應用,包括添加條目和拖拽條目兩個功能,文章還詳細解釋了如何使用Vue的draggable屬性和JavaScript獲取同級元素節(jié)點的方法,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了vue打包添加gzip配置項方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
在 Vue 3 中設置 `@` 指向根目錄的幾種常見方法匯總
在 Vue 3 項目開發(fā)中,為了方便管理和引用文件路徑,設置 @ 指向根目錄是一項常見的需求,下面給大家分享在Vue3中設置 `@` 指向根目錄的方法匯總,感興趣的朋友一起看看吧2024-06-06
vue父組件數據更新子組件相關內容未改變問題(用watch解決)
這篇文章主要介紹了vue父組件數據更新子組件相關內容未改變問題(用watch解決)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
本文主要介紹了Vue3結合TypeScript項目開發(fā)實踐總結，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
本篇文章主要介紹了Vue的百度地圖插件嘗試使用，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09