我需要在我的自定义主题中使用 fontawesome 。
因此我使用yarn安装了它yarn add @fortawesome/fontawesome-free
当我尝试导入它时(@import "~@fortawesome"
)在我的主题的 base.scss 中我收到以下错误:
在 ThemeCompiler.php 第 317 行:
[Shopware\Storefront\Theme\Exception\ThemeCompileException]
无法编译主题“CustomTheme”。~@fortawesome
找不到 @import 的文件:custom/plugins/CustomTheme/src/Resources/app/storefront/src/scss/base.scss 在第 2 行第 1 列
调用堆栈:
#0 在第 409 行导入 custom/plugins/CustomTheme/src/Resources/app/storefront/src/scss/base.scss (未知文件)
有人可以告诉我如何将 fa 正确导入到我的 scss 文件中吗?
EDIT:我通过 npm 在我的插件中安装了 fontawesome,路径如下plugin/src/Resources/app/storefront
.
要将其导入到我的 base.scss 中,我不能简单地使用./@fortawesome/...
就像中描述的doc https://fontawesome.com/docs/web/use-with/scss。我必须像这样导入文件../../node_module/@fortawesome/...
反而。
另一个问题是系统无法找到/加载fa的网络字体。我知道解决方案是将字体手动复制到我的公共文件夹中,但是有没有办法让商店软件复制它们并在整个编译过程中将它们放入公共文件夹中?
它正在发挥作用。这是我所做的:
- 我通过 npm 将 fa 安装到以下文件夹中src/资源/应用程序/店面
- 我添加了 theme.json 的重要路径(fontawesome、regular、solid 和 Brands 到 style,webfonts 到 asset)
这是shopware希望在自定义插件中实现fa的方式吗?
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)