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