1. 程式人生 > 程式設計 >vue-cli3自動消除console.log()的除錯資訊方式

vue-cli3自動消除console.log()的除錯資訊方式

在vue-cli3裡面已經有這個功能了,只需要開啟這個功能就行了,預設是關閉的

1、找到生產環境的配置檔案

vue-cli3自動消除console.log()的除錯資訊方式

2、然後找到 UglifyJsPlugin 這個外掛新增一行程式碼

vue-cli3自動消除console.log()的除錯資訊方式

補充知識:Vue cli3 實現去除console.log 去除控制檯輸出

下載移除控制檯輸出的包

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

新建

babel.config.js

let plugins = [
 vant外掛的按需載入
 [
 'import',{
  libraryName: 'vant',libraryDirectory: 'es',style: true
 },'vant'
 ]
]
//在打包的時候,加入移除控制檯輸出外掛
if (process.env.NODE_ENV === 'production') {
 plugins.push('transform-remove-console')
}
module.exports = {
 presets: ['@vue/app'],plugins: plugins
}

以上這篇vue-cli3自動消除console.log()的除錯資訊方式就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。