vite打包去除console.log和debugge的方法實踐
更新時間：2023年12月25日 16:19:45 作者：糊不住
本文主要介紹了vite打包去除console.log和debugge的方法實踐,vite 已經(jīng)將這個功能內(nèi)置了,所以我們只需要修改配置文件,下面就來介紹一下如何修改
第一步：由于vite是沒有集成terser插件的 需要先安裝
// 安裝 npm install terser --save-dev
第二步：在vite.config.js中編寫
// 安裝
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [vue()],
build:{
minify:"terser",
terserOptions:{
compress:{
drop_console:true,
drop_debugger:true
}
}
}
});
第三步：打包驗證一下
npm run build
到此這篇關(guān)于vite打包去除console.log和debugge的方法實踐的文章就介紹到這了,更多相關(guān)vite打包去除console.log和debugge內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
vue3 組合式API defineEmits() 與 emits 組
在Vue中,defineEmits()是Vue3組合式API中用于聲明自定義事件的,而emits選項則用于Vue2和Vue3的選項式API中,defineEmits()允許使用字符串數(shù)組或?qū)ο笮问铰暶魇录?emits選項也支持這兩種形式,且驗證函數(shù)可以驗證事件參數(shù),這兩種方法都是為了更規(guī)范地在組件間通信2024-09-09
vue.js默認路由不加載linkActiveClass問題的解決方法
這篇文章主要給大家介紹了關(guān)于vue.js默認路由不加載linkActiveClass問題的解決方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-12-12
Nginx配置Vue項目,無法按路徑跳轉(zhuǎn)及刷新404的解決方案
這篇文章主要介紹了Nginx配置Vue項目,無法按路徑跳轉(zhuǎn)及刷新404的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了Vue 組件注冊全解析的相關(guān)資料，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-12-12
使用VUE3開發(fā)很久了,但一直沒進行總結(jié)和記錄,忙里偷閑整理搭建一套VUE3項目,正好記錄一下,這篇文章主要給大家介紹了關(guān)于Vue3項目的3種創(chuàng)建方式,需要的朋友可以參考下2024-03-03
Vue CLI3基礎(chǔ)學習之pages構(gòu)建多頁應(yīng)用
這篇文章主要給大家介紹了關(guān)于Vue CLI3基礎(chǔ)學習之pages構(gòu)建多頁應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用Vue CLI3具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-06-06
el-checkbox-group?的v-model無法綁定對象數(shù)組的問題解決
elementUI官方文檔中el-checkbox-group組件綁定的都為一維數(shù)組，本文主要介紹了解決el-checkbox-group?的v-model無法綁定對象數(shù)組，感興趣的可以了解一下2023-05-05
這篇文章主要介紹了vue實現(xiàn)lodop打印功能的示例，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-11-11
下面小編就為大家分享一篇vue2.0 路由不顯示router-view的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Pinia是Vue.js的輕量級狀態(tài)管理庫,比起vue3中的Vuex狀態(tài)管理,pinia更輕量,更容易使用,下面這篇文章主要給大家介紹了關(guān)于Vue3狀態(tài)管理之Pinia的入門使用教程,需要的朋友可以參考下2022-04-04