在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ Vue@font-face 引用的字體路徑問題

Vue@font-face 引用的字體路徑問題

再vue component的style中定義@font-face 的src引用的資源會出現路徑的問題,build之后,字體資源路徑會相對于static/css/目錄,而我希望它相對于dist/目錄

我的項目目錄結構
<pre>
dist/
| static/
| | css/
| | fonts/
| | | FZY3JW.3b9060e.ttf
| | js/
| index.html
src
| assets/
| | FZY3JW.ttf
| app.vue
</pre>
這是字體的引用
c4e56e4a60f8c9120cfe9862bb9a8cd4ca64115a.jpg

npm run dev沒有問題,引用可以訪問

但是打包之后(npm run build)訪問index.html會報錯
e28ce3ec538b021ad57d2ae6f93511cb9c02de17_1_690x25.jpg

webpack中增加了字體的loader
426938551a1ebc4e46b415c92ff800d89e40af2b.jpg

回答
編輯回答
還吻

參考這個回答
單獨提取出來的 css 中的相對路徑道理相同。

2017年12月18日 00:17