Shopware 6 在自定义主题中使用 fontawesome

Question

我需要在我的自定义主题中使用 fontawesome 。因此我使用yarn安装了它yarn add @fortawesome/fontawesome-free

当我尝试将其导入 ( @import "~@fortawesome") 到主题的 base.scss 中时，出现以下错误：

在 ThemeCompiler.php 第 317 行：
[Shopware\Storefront\Theme\Exception\ThemeCompileException]
无法编译主题“CustomTheme”。~@fortawesome找不到 @import 的文件：第 2 行第 1 列的 custom/plugins/CustomTheme/src/Resources/app/storefront/src/scss/base.scss 调用
堆栈：
#0 import custom/plugins/CustomTheme/src/Resources /app/storefront/src/scss/base.scss（未知文件）第 409 行

有人可以告诉我如何将 fa 正确导入到我的 scss 文件中吗？

---

编辑： 我通过 npm 在我的插件内的以下路径下安装了 fontawesome plugin/src/Resources/app/storefront。

要将其导入到我的 base.scss 中，我不能简单地使用doc./@fortawesome/...中描述的方式。我必须像这样导入文件。../../node_module/@fortawesome/...

另一个问题是系统无法找到/加载fa的网络字体。我知道解决方案是将字体手动复制到我的公共文件夹中，但是有没有办法让商店软件复制它们并在整个编译过程中将它们放入公共文件夹中？

Answer 1

它正在发挥作用。这是我所做的：

• 我通过 npm 将 fa 安装到以下文件夹src/Resources/app/storefront
• 我添加了 theme.json 的重要路径（fontawesome、regular、solid 和 Brands 到 style，webfonts 到 asset）

这是shopware希望在自定义插件中实现fa的方式吗？