vue-cli3自動消除console.log()的調試信息方式
更新時間：2020年10月21日 14:27:32 作者：朽木自雕xmzd
這篇文章主要介紹了vue-cli3自動消除console.log()的調試信息方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在vue-cli3里面已經有這個功能了，只需要開啟這個功能就行了，默認是關閉的
1、找到生產環(huán)境的配置文件
2、然后找到 UglifyJsPlugin 這個插件添加一行代碼
補充知識：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自動消除console.log()的調試信息方式就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue 解決在element中使用$notify在提示信息中換行問題
這篇文章主要介紹了Vue 解決在element中使用$notify在提示信息中換行問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
在 Vue.js 中，$router 和 $route 是兩個常用的對象，用于處理路由相關的操作，下面小編就來和大家介紹一下$router 和 $route 的區(qū)別以及如何使用它們吧2023-06-06
這篇文章主要介紹了vue實現(xiàn)自定義組件掛載原型上方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細介紹了vue實現(xiàn)單選和多選功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了Vue 的異常處理機制，幫助大家更好的理解和學習vue框架，感興趣的朋友可以了解下2020-11-11
這篇文章主要為大家詳細介紹了vue簡單的一拉到底的滑動驗證，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了vue如何遍歷data所有變量并賦值，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue實現(xiàn)tab切換的兩種方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-11-11
Nuxt.js實現(xiàn)一個SSR的前端博客的示例代碼
這篇文章主要介紹了Nuxt.js實現(xiàn)一個SSR的前端博客的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
這篇文章主要介紹了JS框架之vue.js component組件的相關資料,本文通過實例詳解的方式給大家介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下2016-09-09