vue cli如何配置開發(fā)環(huán)境下的sourcemap
更新時(shí)間：2024年06月06日 11:03:05 作者：徐同保
這篇文章主要介紹了vue cli如何配置開發(fā)環(huán)境下的sourcemap問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
配置方法
- vue.config.js：
module.exports = {
lintOnSave: false,
devServer: {
//開發(fā)環(huán)境下設(shè)置為編譯好以后直接打開瀏覽器瀏覽
open: true,
},
configureWebpack: (config) => {
//調(diào)試JS
config.devtool = "source-map"
},
css: {
//查看CSS屬于哪個(gè)css文件
sourceMap: true,
},
}
配置后
配置前
開發(fā)環(huán)境的最佳品質(zhì)的source map
module.exports = {
lintOnSave: false,
devServer: {
//開發(fā)環(huán)境下設(shè)置為編譯好以后直接打開瀏覽器瀏覽
open: true,
},
configureWebpack: (config) => {
//調(diào)試JS
config.devtool = "eval-source-map"
},
css: {
//查看CSS屬于哪個(gè)css文件
sourceMap: true,
}
}
舊版vue.config.js
module.exports = {
lintOnSave: false,
productionSourceMap: false,
configureWebpack: { // 重點(diǎn)
devtool: "eval-source-map"
},
css: { //重點(diǎn)
sourceMap: true
}
}總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解vue路由篇(動(dòng)態(tài)路由、路由嵌套)
這篇文章主要介紹了詳解vue路由篇(動(dòng)態(tài)路由、路由嵌套)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
這篇文章主要介紹了vue樣式疊層z-index不起作用的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue為何棄用Ajax，選擇Axios？ajax與axios的區(qū)別？
ajax技術(shù)實(shí)現(xiàn)了局部數(shù)據(jù)的刷新，axios實(shí)現(xiàn)了對(duì)ajax的封裝；axios有的ajax都有，ajax有的axios不一定有。總結(jié)一句話就是axios是ajax，ajax不止axios。2023-01-01
這篇文章主要為大家詳細(xì)介紹了基于VUE選擇上傳圖片并頁(yè)面顯示，圖片可以刪除的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
vue中前端如何實(shí)現(xiàn)pdf預(yù)覽功能(含vue-pdf插件用法)
這篇文章主要給大家介紹了vue中前端如何實(shí)現(xiàn)pdf預(yù)覽功能的相關(guān)資料,文中包含vue-pdf插件用法,在前端開發(fā)中,很多時(shí)候我們需要進(jìn)行pdf文件的預(yù)覽操作,需要的朋友可以參考下2023-07-07
vue內(nèi)點(diǎn)擊url下載文件的最佳解決方案分享
這篇文章主要給大家介紹了關(guān)于vue內(nèi)點(diǎn)擊url下載文件的最佳解決方案,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-02-02
vue實(shí)現(xiàn)tab標(biāo)簽(標(biāo)簽超出自動(dòng)滾動(dòng))
當(dāng)創(chuàng)建的tab標(biāo)簽超出頁(yè)面可視區(qū)域時(shí)自動(dòng)滾動(dòng)一個(gè)tab標(biāo)簽距離，并可手動(dòng)點(diǎn)擊滾動(dòng)tab標(biāo)簽，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-05-05
vue中監(jiān)聽input框獲取焦點(diǎn)及失去焦點(diǎn)的問(wèn)題
這篇文章主要介紹了vue中監(jiān)聽input框獲取焦點(diǎn)，失去焦點(diǎn)的問(wèn)題,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
Vue項(xiàng)目中禁用ESLint的幾種常見方法小結(jié)
Vue ESLint是一個(gè)基于ESLint的插件,它專門為Vue.js應(yīng)用設(shè)計(jì),用于提供JavaScript代碼風(fēng)格檢查和最佳實(shí)踐規(guī)則,Vue項(xiàng)目通常會(huì)集成ESLint,目的是為了提升代碼質(zhì)量、保持一致性和可維護(hù)性,本文介紹了Vue項(xiàng)目中禁用ESLint的幾種常見方法,需要的朋友可以參考下2024-07-07
vue3中WatchEffect高級(jí)偵聽器的實(shí)現(xiàn)
本文主要介紹了vue3中WatchEffect高級(jí)偵聽器的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2025-01-01