如何将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;否则，它不会工作（不知道为什么）。解决问题