vue/cli3版本打包如何去掉soucemap文件

更新時(shí)間：2024年06月06日 10:33:09 作者：yunchong_zhao

這篇文章主要介紹了vue/cli3版本打包如何去掉soucemap文件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue cli3版本打包去掉soucemap文件

正常打包會(huì)出現(xiàn)下面的這么多文件，其實(shí)生產(chǎn)環(huán)境下我們不要的那個(gè) js.map文件的

這個(gè)可以在配置中添加個(gè)設(shè)置就可以

在vue.config.js文件中

productionSourceMap: false;   // 加上這個(gè)就可以了

vue打包后js文件夾中出現(xiàn)一些map文件的解決方法(map.js文件移除掉)

1.在項(xiàng)目下進(jìn)入目錄：項(xiàng)目包/config/index.js

找到productionSourceMap

   /*
   Source Maps
   */
    productionSourceMap: true,  // 把這邊的true改為false
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

productionSourceMap: true,  // 把這邊的true改為false

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue3基礎(chǔ)教程之pinia配置和用法
Vue3項(xiàng)目常用Pinia管理狀態(tài),通過安裝和配置實(shí)現(xiàn)數(shù)據(jù)持久化,這篇文章主要介紹了vue3基礎(chǔ)教程之pinia配置和用法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-06-06
Vue3實(shí)現(xiàn)折疊面板組件的示例代碼
折疊面板大家都不陌生,很多時(shí)候需要實(shí)現(xiàn)一些復(fù)雜的交互,就會(huì)用到它,簡(jiǎn)潔直觀還美觀,下面就跟隨小編一起學(xué)習(xí)一下如果使用Vue3實(shí)現(xiàn)折疊面板組件吧
2024-01-01
vue-pdf打包后無(wú)法預(yù)覽問題及修復(fù)方式
這篇文章主要介紹了vue-pdf打包后無(wú)法預(yù)覽問題及修復(fù)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-03-03
vue 組件使用中的一些細(xì)節(jié)點(diǎn)
這篇文章主要介紹了vue 組件使用中的一些細(xì)節(jié)點(diǎn)，大概有兩大細(xì)節(jié)點(diǎn)，本文通過基礎(chǔ)實(shí)例給大家介紹的非常詳細(xì)，需要的朋友參考下吧
2018-04-04
解決Vue 瀏覽器后退無(wú)法觸發(fā)beforeRouteLeave的問題
這篇文章主要介紹了解決Vue 瀏覽器后退無(wú)法觸發(fā)beforeRouteLeave的問題,需要的朋友可以參考下
2017-12-12
vue.js element-ui validate中代碼不執(zhí)行問題解決方法
這篇文章主要介紹了vue.js element-ui validate中代碼不執(zhí)行問題解決方法,需要的朋友可以參考下
2017-12-12
Vue中虛擬DOM的簡(jiǎn)單實(shí)現(xiàn)
Vue中的虛擬DOM是通過JavaScript對(duì)象來(lái)描述真實(shí)DOM結(jié)構(gòu)的一種方式，本文將介紹Vue中虛擬DOM的簡(jiǎn)單實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的可以了解一下
2023-05-05
前端vuex中dispatch的使用方法總結(jié)
這篇文章主要給大家介紹了關(guān)于前端vuex中dispatch使用方法的相關(guān)資料,vuex的dispatch方法用于觸發(fā)一個(gè)action,以便更新state,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2024-04-04
基于iview的router常用控制方式
這篇文章主要介紹了基于iview的router常用控制方式,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2019-05-05
Vue3生命周期Hooks原理與調(diào)度器Scheduler關(guān)系
這篇文章主要為大家介紹了Vue3生命周期Hooks原理與調(diào)度器Scheduler關(guān)系詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07