我有一个 Ember.js 项目，我在其中使用 Fontawesome5 和 Sass。使用<FaIcon @icon="..."/> 可以轻松创建图标。但现在我想将来自 Fontawesome 的图标与 Sass 一起使用（更具体地说，使用 list-style）。我想我可以使用fontawesome-sass-documentation 中描述的方式，但这种感觉不止一种方式是错误的。
我尝试创建一个路由获取图标，我可以将它与 list-style: url(...) 一起使用，但据我所知，它不能与 ember.js 一起使用。
那么有没有一种首选方法可以在 ember 项目中为列表样式获取 fontawesome 图标？
【问题讨论】：
标签： ember.js sass font-awesome font-awesome-5
我假设您正在使用 Ember.js 的官方字体真棒库：@fortawesome/ember-fontawesome 它提供了您提到的<FaIcon> 组件。
@fortawesome/ember-fontawesome 不提供使用 SASS 样式的集成。有一个open feature request as an issue on its GitHub repository，但还没有收到任何回复。
我假设您正在使用ember-cli-sass 将 SASS 集成到您的构建过程中。据我所知，这是 Ember 社区的事实标准。
ember-cli-sass 有一个includePaths 选项，允许从app/styles 以外的其他文件夹导入 SASS 文件。您可以使用此选项在您的构建中包含所需的 SASS 文件，并在您的 app/styles/app.scss 中导入所需的 SASS 文件。
ember-cli-sass 文档includes an example 如何为基础 CSS 框架执行此操作。您可以以此为起点。
【讨论】：