vue-cli3如何實現(xiàn)自動消除console.log()的調(diào)試信息-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關vue-cli3如何實現(xiàn)自動消除console.log()的調(diào)試信息,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)從2013年成立,是專業(yè)互聯(lián)網(wǎng)技術服務公司,擁有項目網(wǎng)站制作、成都網(wǎng)站設計網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元阜平做網(wǎng)站,已為上家服務,為阜平各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

1、找到生產(chǎn)環(huán)境的配置文件

vue-cli3如何實現(xiàn)自動消除console.log()的調(diào)試信息

2、然后找到 UglifyJsPlugin 這個插件添加一行代碼

vue-cli3如何實現(xiàn)自動消除console.log()的調(diào)試信息

補充知識:Vue cli3 實現(xiàn)去除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如何實現(xiàn)自動消除console.log()的調(diào)試信息-創(chuàng)新互聯(lián)
當前地址:http://bm7419.com/article30/hecpo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供關鍵詞優(yōu)化虛擬主機、企業(yè)網(wǎng)站制作、動態(tài)網(wǎng)站、外貿(mào)建站、網(wǎng)站設計公司

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設