淺談vue引用靜態(tài)資源需要注意的事項(xiàng)
更新時(shí)間：2018年09月28日 14:24:41 作者：xiaoxiao無臉男
今天小編就為大家分享一篇淺談vue引用靜態(tài)資源需要注意的事項(xiàng)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
項(xiàng)目結(jié)構(gòu)如下：
想在icon.styl文件夾里面引用字體圖標(biāo)，使用相對(duì)路徑，但是報(bào)錯(cuò)
瀏覽器報(bào)錯(cuò)如下：
解決方案有兩種：
方案1.使用根目錄路徑
方案2：將要引用的靜態(tài)資源fonts文件夾放在static文件夾下
icon.styl文件下面的代碼如下：
問題就解決了。
建議：靜態(tài)資源統(tǒng)一管理在static文件夾下。
以上這篇淺談vue引用靜態(tài)資源需要注意的事項(xiàng)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解vue-video-player使用心得（兼容m3u8）
這篇文章主要介紹了詳解vue-video-player使用心得（兼容m3u8），文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/buil
最近在npm install 的時(shí)候遇到了個(gè)問題,所以給大家總結(jié)下,下面這篇文章主要給大家介紹了關(guān)于vue在install時(shí)node-sass@4.14.1?postinstall:node?scripts/build.js錯(cuò)誤的解決方法,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了vue中$router和$route的區(qū)別，對(duì)vue感興趣的同學(xué)，一定要看下2021-05-05
Vue3使用postcss-px-to-viewport實(shí)現(xiàn)頁(yè)面自適應(yīng)
postcss-px-to-viewport 是一個(gè) PostCSS 插件,它可以將 px 單位轉(zhuǎn)換為視口單位,下面我們就看看如何使用postcss-px-to-viewport實(shí)現(xiàn)頁(yè)面自適應(yīng)吧2024-01-01
vue使用ajax獲取后臺(tái)數(shù)據(jù)進(jìn)行顯示的示例
今天小編就為大家分享一篇vue使用ajax獲取后臺(tái)數(shù)據(jù)進(jìn)行顯示的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這一篇主要是創(chuàng)建一個(gè)vue項(xiàng)目并結(jié)合餓了么框架element-ui的文章。文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01
vue路由傳參的使用場(chǎng)景一般都是應(yīng)用在父路由跳轉(zhuǎn)到子路由時(shí)，攜帶參數(shù)跳轉(zhuǎn)，本文將詳細(xì)介紹vue路由傳參的三種方式，這三種傳參方式只是針對(duì)vue?Router?V3版本的,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了vue中的自定義屬性并獲得屬性的值方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了vue-cli3搭建項(xiàng)目的詳細(xì)步驟，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
Vue項(xiàng)目中實(shí)現(xiàn)ElementUI按需引入過程解析
這篇文章主要介紹了Vue項(xiàng)目中實(shí)現(xiàn)ElementUI按需引入,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-05-05