Vue項目WebPack打包刪除注釋和console
更新時間：2022年04月13日 10:02:57 作者：單眼皮的小熊
這篇文章主要介紹了Vue項目WebPack打包刪除注釋和console，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
WebPack打包刪除注釋和console
項目中使用了 jspdf 這個插件，webpack打包后注釋里存在這樣的
領(lǐng)導(dǎo)讓刪除，于是使用插件
cnpm install uglifyjs-webpack-plugin -D
vue.config.js里添加配置
const UglifyJsPlugin = require('uglifyjs-webpack-plugin') //引入插件
module.exports = {
configureWebpack: {
optimization: {
minimizer: [
new UglifyJsPlugin({
uglifyOptions: {
// 刪除注釋
output: {
comments: false
},
// 刪除console debugger 刪除警告
compress: {
drop_console: true, //console
drop_debugger: false,
pure_funcs: ['console.log'] //移除console
}
}
})
]
}
}
}npm run build打包去掉console和警告
在本地開發(fā)環(huán)境中肯定都會去打印一些數(shù)據(jù)，但是你如果上傳到正式環(huán)境呢這些肯定不能再有了，但是你也不能一行一行的去注釋掉吧，這樣很麻煩所以vue在配置的時候其實是有這個配置的但是需要你自己去配置文件里面修改一下，這樣才能方便你的開發(fā)二可以達(dá)到偷懶的地步
下面就說一下這個配置其實就兩行代碼就可以了
在build下面的webpack.prod.conf.js里面找到這里添加上
drop_console: true, pure_funcs: [‘console.log']
這兩句就可以完美解決了。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue實現(xiàn)表單數(shù)據(jù)的增刪改功能
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)表單數(shù)據(jù)的增刪改功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家詳細(xì)介紹了vue自定義過濾器創(chuàng)建和使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了VUE中使用滾動組件-vueSeamlessScroll,需要的朋友可以參考下2023-10-10
這篇文章主要大家介紹了查看當(dāng)前vue項目所需Node.js版本的方法,文章通過代碼示例給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了vue遍歷中存在el-form之踩坑記錄，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文通過圖文并茂的形式給大家介紹了Vue組件之自定義事件的功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-02-02
基于vue+electron實現(xiàn)文件下載打開wps預(yù)覽
這篇文章主要給大家介紹了基于vue+electron實現(xiàn)文件下載打開wps預(yù)覽,文中有詳細(xì)的代碼示例供大家借鑒參考,感興趣的同學(xué)可以參考閱讀下2023-08-08
這篇文章主要介紹了Vue前端整合Element?Ui,本節(jié)內(nèi)容服務(wù)于SpringBoot?+?Vue?搭建?JavaWeb?增刪改查項目，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了Vue3之事件綁定的實現(xiàn)邏輯,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要為大家詳細(xì)介紹了vue循環(huán)數(shù)組改變點擊文字的顏色，非常實用的切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10