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

2023-12-23

我需要在我的自定义主题中使用 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(使用前将#替换为@)

Shopware 6 在自定义主题中使用 fontawesome 的相关文章

  • jQuery 方法链接是流畅编程的一个例子吗?

    我对 JavaScript jQuery 有点陌生 但是当我看到方法链接的示例时 我立即感到熟悉 其他接口 如 LINQ 执行类似的操作 其中一组方法的返回类型与它们所操作的类型相同 TweetSharp 执行的操作非常类似 这是流畅编程的
  • 从 CSV 文件批量插入 - 跳过重复项

    更新 最终使用了 Johnny Bubriski 创建的这个方法 然后对其进行了一些修改以跳过重复项 效果就像一个魅力 而且速度显然相当快 关联 http johnnycode com 2013 08 19 using c sharp sq
  • 向 Django FlatPages 添加功能,无需更改原始 Django 应用程序

    我想向 Django FlatPage 数据库模型添加一个字段 但我真的不知道如何在不编辑原始应用程序的情况下扩展它 我想要做的是将以下字段添加到模型中 from django db import models from django co
  • 在 nginx 上找不到 Laravel 路由

    当我尝试访问我的测试应用程序时 只有索引路由有效 malte italoborg es http malte italoborg es 如果我尝试访问另一条路线 例如 malte italoborg es admin http malte
  • 我可以使用 jQuery 检查是否至少有一个复选框被选中吗?

    我有以下 HTML 表单 其中可以有许多复选框 单击提交按钮时 我希望用户收到一个 javascript 警报 以检查至少一个复选框 如果未选中 有没有一种简单的方法可以使用 jQuery 来做到这一点
  • Android:API 级别低于 19 的远程 Webview 调试?

    据我所知 远程调试通过chrome inspect已在 API 级别 19 中添加用于 Web 视图 不过 我正在开发一个支持 17 设备的应用程序 只是在 API 19 上 我得到了02 28 00 31 16 569 12332 123
  • 在 R 中将 LASSO 与分类变量结合使用

    我有一个包含 1000 个观察值和 76 个变量的数据集 其中大约 20 个是分类变量 我想对整个数据集使用 LASSO 我知道通过 lars 或 glmnet 在 LASSO 中使用因子变量并不能真正起作用 但是变量太多 并且它们可以采用
  • 半六角形,只有一个元件

    我试图复制以下形状但没有成功 我想我需要一些 before and after伪元素以及以下 css pentagon position relative width 78px height 50px background 3a93d0 使

随机推荐