vue元件中,編譯後的檔案斜槓變成了反斜槓。

weixin_33797791發表於2018-03-21

今天碰到一個變態的問題,google了良久 也未能解惑,實在頭疼,

搜了好幾遍都只有這個問題 答案還不明確 vue元件中,打包後的檔案分隔符變成了反斜槓

vue元件中,編譯後的檔案分隔符變成了反斜槓,

編譯前

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

編譯後

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


但是mac本上就沒有這個問題 ,出現問題是win本。

搜了許久之後貌似得到了一個答案是因為webpack中對圖片的地址進行了編譯,


1730303-cd811423d9b5a764.png
沒改前


說引數不能拼接所以我就改了這種


1730303-c47e79f337e0307e.png
修改後


但是沒有了path我覺得不是很優雅 所以我又找啊找,又找到了這個

1730303-982be4535d7e0dd4.png
優化後

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


1730303-22046e504ecb431a.png
join用了string轉換
1730303-9473925d11ce7b40.png
posix.join用了any轉換

就說坑不坑,這估計就是程式碼一樣,跑出來效果不一樣的坑,

坑了我大半小時的問題 ,有必要記記,

後面我會持續更新vue使用過程中的疑難雜症,歡迎批評指正,共同討論。

相關文章