第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

vue 開發(fā)環(huán)境下怎樣定義樣式的路徑?

vue 開發(fā)環(huán)境下怎樣定義樣式的路徑?

海綿寶寶撒 2019-05-24 11:28:00
比如我的項(xiàng)目結(jié)構(gòu)├──build...├──src│??├──style│??│??├──scss│??│??│??└──index.scss│??│??└──style.scss...│??├──page│??│??└──index.vue...├──static│??├──css│??├──font│??├──image│??└──js在index.scss中引用路徑時(shí)用的相對路徑../../../static/image/img.png在index.vue中很容易出錯(cuò)...能定義一個(gè)變量比如imagePath來指代路徑嗎?樣式表中也能解析注意,是開發(fā)環(huán)境,不是生產(chǎn)環(huán)境的路徑問題謝謝
查看完整描述

2 回答

?
POPMUISE

TA貢獻(xiàn)1765條經(jīng)驗(yàn) 獲得超5個(gè)贊

首先
你不應(yīng)該用相對路徑去引用static目錄下的資源可以看出你這個(gè)項(xiàng)目是VueCLI2.x腳手架創(chuàng)建出來的項(xiàng)目。這個(gè)項(xiàng)目下的static目錄意圖是用于存放某些靜態(tài)資源,這些資源是不會(huì)被webpack打包處理的,只是會(huì)被單純的拷貝。但是如果你使用相對路徑去引用這些資源,它們就會(huì)被webpack處理了(minify、uglify、轉(zhuǎn)base64等),這便與原始的目的違背了。
如果你是想這些資源被webpack處理,那么你應(yīng)該將static目錄下的資源放到src/assets目錄下,再通過相對路徑引用這些資源。
如果你是想這些資源不被webpack處理,那么你可以保持現(xiàn)在的目錄,不過引用這些資源的時(shí)候請用絕對路徑,就問題中的例子來說就是/static/image/img.png(注意要以/開頭)
回到問題上
可以通過設(shè)置alias來方便相對路徑的引用
//webpack.base.conf.js
resolve:{
alias:{
'@':resolve('src'),
'@img':'@/src/assets/image'
}
}
然后在