webpack字體圖示無法顯示怎麼解決

這次帶給大家webpack字體圖示無法顯示怎麼解決，解決webpack字體圖示無法顯示的注意事項有哪些，以下就是實戰案例，一起來看一下。

問題：在專案開發時使用字體圖標，報錯如下：

所有的字體圖標都不能正常顯示了，報錯提示不能解碼字型。

解決問題：找了很久，最後發現是在webpack配置的時候自己手動添加了下面的程式碼而引起的錯誤：在webpack.base. conf.js檔案中刪除

{ 
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, 
    loader: 'file-loader' 
   },

總結：

其實採用vue-cli 自動產生的設定檔已經完成了字體圖示檔的編譯，自己寫的和自動產生的產生衝突

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

vue的本地靜態圖片路徑

#angularjs的記憶體溢出怎麼處理

以上是webpack字體圖示無法顯示怎麼解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！