解決vue項(xiàng)目使用font-awesome,build后路徑的問(wèn)題
更新時(shí)間：2018年09月01日 16:27:36 作者：pobu168
今天小編就為大家分享一篇解決vue項(xiàng)目使用font-awesome,build后路徑的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
問(wèn)題：
項(xiàng)目在本地run情況下顯示正常，在build后font-awesome的css文件依賴的幾個(gè)圖標(biāo)文件引用路徑報(bào)錯(cuò)。
在webpack.base.conf.js中關(guān)于幾個(gè)文件的配置如下：
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
}
解決：
通過(guò)和網(wǎng)上其他大神的配置對(duì)比上發(fā)現(xiàn)，有些webpack.base.conf.js的配置如下：
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader'
}
將配置中option注釋掉即可解決路徑問(wèn)題。
后續(xù)：
這個(gè)方式是個(gè)治標(biāo)的方式，不是問(wèn)題的關(guān)鍵，關(guān)鍵應(yīng)該在腳手架的其他配置上。
以上這篇解決vue項(xiàng)目使用font-awesome,build后路徑的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
element中datepicker日期選擇器選擇周一到周日并實(shí)現(xiàn)上一周和下一周的方法
最近項(xiàng)目中需要用到日期選擇器,所以這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于element中datepicker日期選擇器選擇周一到周日并實(shí)現(xiàn)上一周和下一周的相關(guān)資料,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了uni-app自定義導(dǎo)航欄按鈕|uniapp仿微信頂部導(dǎo)航條功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09
解決VUE中document.body.scrollTop為0的問(wèn)題
今天小編就為大家分享一篇解決VUE中document.body.scrollTop為0的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
Vue.js 2.0 移動(dòng)端拍照壓縮圖片上傳預(yù)覽功能
這篇文章主要介紹了Vue.js 2.0 移動(dòng)端拍照壓縮圖片上傳預(yù)覽功能,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-03-03
這篇文章主要介紹了vue之bus總線簡(jiǎn)單使用講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-09-09
今天小編就為大家分享一篇vuex actions傳遞多參數(shù)的處理方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
web面試MVC與MVVM區(qū)別及Vue為什么不完全遵守MVVM解答
這篇文章主要介紹了web面試中常問(wèn)問(wèn)題，MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM的難點(diǎn)解答，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09
vue實(shí)現(xiàn)頁(yè)面刷新動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)頁(yè)面刷新動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家介紹了vue+G6圖形化實(shí)現(xiàn)功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
vue中如何使用唯一標(biāo)識(shí)uuid(uuid.v1()-時(shí)間戳、uuid.v4()-隨機(jī)數(shù))
這篇文章主要給大家介紹了關(guān)于vue中如何使用唯一標(biāo)識(shí)uuid(uuid.v1()-時(shí)間戳、uuid.v4()-隨機(jī)數(shù))的相關(guān)資料,當(dāng)使用Vue.js生成UUID時(shí),我們可以使用uuid庫(kù)來(lái)幫助我們生成通用唯一標(biāo)識(shí)符(UUID),需要的朋友可以參考下2023-12-12