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