5

使用 npm安装ioniconsv3.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。

我还在Github 上找到了一个 3 年前的讨论，并尝试了评论中建议的每个加载程序，但没有一个有效。我是 Vue 和 webpack 的新手，所以我不确定自己做错了什么。

问题：为了能够在我的应用程序中使用 vue-loader 使用 Ionicons（或 Font Awesome 或任何其他字体库），我需要做什么？

4

1 回答 1

0

我自己想通了。您只需要为字体添加适当的加载器

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

到你的webpack文件。但是，我还必须将@import语句从scss已编译css；否则，它不会工作（不知道为什么）。问题解决了

于 2017-06-12T12:08:25.013 回答