vue組件中,編譯后的文件斜杠變成了反斜杠。

今天碰到一個(gè)變態(tài)的問題,google了良久 也未能解惑,實(shí)在頭疼,

搜了好幾遍都只有這個(gè)問題 答案還不明確 vue組件中,打包后的文件分隔符變成了反斜杠

vue組件中,編譯后的文件分隔符變成了反斜杠,

編譯前

#app{background:url(../assets/logo.png)0center no-repeat;}

編譯后

#app{background:url(static\img\logo.b5bb290.png)0center no-repeat;}


但是mac本上就沒有這個(gè)問題 ,出現(xiàn)問題是win本。

搜了許久之后貌似得到了一個(gè)答案是因?yàn)閣ebpack中對(duì)圖片的地址進(jìn)行了編譯,


沒改前


說參數(shù)不能拼接所以我就改了這種


修改后


但是沒有了path我覺得不是很優(yōu)雅 所以我又找啊找,又找到了這個(gè)

優(yōu)化后

尼瑪,之前都沒有注意 這倆居然是孿生兄弟啊


join用了string轉(zhuǎn)換
posix.join用了any轉(zhuǎn)換

就說坑不坑,這估計(jì)就是代碼一樣,跑出來效果不一樣的坑,

坑了我大半小時(shí)的問題 ,有必要記記,

后面我會(huì)持續(xù)更新vue使用過程中的疑難雜癥,歡迎批評(píng)指正,共同討論。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容