如何將Ionicons（或其他字體）導入Vue-loader應用程序？

Question

安裝ionicons V3.0.0與故宮之後，我有很多的麻煩導入字體爲我的應用程序：

// /src/App.vue 
@import '../node_modules/ionicons/dist/scss/ionicons.scss'; 

似乎指向了正確的道路，但是，我得到一噸的錯誤，如

Cannot find module "../fonts/ionicons.eot?v=3.0.0-alpha.3 

顯然，這個問題從字體文件莖，因爲例如，上面的文件實際上是ionicons.eot，而不是ionicons.eot?v=3.0.0-alpha.3。

我還發現一個3-year old discussion on Github，並嘗試在評論中建議每一個加載器，但他們都沒有工作。我是Vue和webpack的新手，所以我不確定我做錯了什麼。

問題：爲了能夠在vue-loader的應用程序中使用Ionicons（或Font Awesome或任何其他字體庫），我需要做些什麼？

Answer 1

自己想出來。你只需要在字體

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

添加適當的裝載機您webpack文件。但是，我也必須將@import聲明從scss更改爲編譯css;否則，它不會工作（不知道爲什麼）。解決問題