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