webpack配置導(dǎo)致字體圖標(biāo)無(wú)法顯示的解決方法
更新時(shí)間：2018年03月06日 11:01:23 作者：張曉艷
下面小編就為大家分享一篇webpack配置導(dǎo)致字體圖標(biāo)無(wú)法顯示的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
問(wèn)題：在項(xiàng)目開(kāi)發(fā)時(shí)使用字體圖標(biāo)，報(bào)錯(cuò)如下：
所有的字體圖標(biāo)都不能正常顯示了，報(bào)錯(cuò)提示不能解碼字體。
解決問(wèn)題：找了很久，最后發(fā)現(xiàn)是在webpack配置的時(shí)候自己手動(dòng)添加了下面的代碼而引起的錯(cuò)誤：在 webpack.base.conf.js文件中刪除
{
test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
loader: 'file-loader'
},
總結(jié)：
其實(shí)采用vue-cli 自動(dòng)生成的配置文件已經(jīng)完成了字體圖標(biāo)文件的編譯，自己寫(xiě)的和自動(dòng)生成的產(chǎn)生沖突
以上這篇webpack配置導(dǎo)致字體圖標(biāo)無(wú)法顯示的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于Vue實(shí)現(xiàn)timepicker效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
vue?頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)的問(wèn)題及解決
這篇文章主要介紹了vue?頁(yè)面卡死,點(diǎn)擊無(wú)反應(yīng)的問(wèn)題及解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
vue實(shí)現(xiàn)購(gòu)物車(chē)拋物線小球動(dòng)畫(huà)效果的方法詳解
這篇文章主要介紹了vue實(shí)現(xiàn)購(gòu)物車(chē)拋物線小球動(dòng)畫(huà)效果的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了vue.js實(shí)現(xiàn)拋物線動(dòng)畫(huà)效果購(gòu)物車(chē)功能相關(guān)原理與操作注意事項(xiàng),需要的朋友可以參考下2019-02-02
這篇文章主要介紹了vue中使用event.target.value踩坑記錄,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue.js是現(xiàn)在比較優(yōu)秀的Web前端框架,非常推薦大家入門(mén)學(xué)習(xí),這篇文章主要給大家介紹了關(guān)于如何一步步從零搭建一個(gè)Vue項(xiàng)目的相關(guān)資料,文中通過(guò)圖文以及實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-05-05
在本篇文章里小編給大家整理的是關(guān)于Vue基礎(chǔ)配置講解內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2019-11-11
解決vue無(wú)法設(shè)置滾動(dòng)位置的問(wèn)題
這篇文章主要介紹了解決vue無(wú)法設(shè)置滾動(dòng)位置的問(wèn)題 ,需要的朋友可以參考下2018-10-10
基于Vue 實(shí)現(xiàn)一個(gè)中規(guī)中矩loading組件
這篇文章主要介紹了基于Vue 實(shí)現(xiàn)一個(gè)中規(guī)中矩loading組件,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
vue之?dāng)?shù)據(jù)交互實(shí)例代碼
本篇文章主要介紹了vue之?dāng)?shù)據(jù)交互實(shí)例代碼，vue中也存在像ajax和jsonp的數(shù)據(jù)交互，實(shí)現(xiàn)向服務(wù)器獲取數(shù)據(jù)，有興趣的可以了解一下2017-06-06
這篇文章主要介紹了vue-cli3添加模式配置多環(huán)境變量的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-06-06