如何在 Sylius 主题上添加 CSS 文件？答案

【问题标题】：How to add CSS files on a Sylius theme?如何在 Sylius 主题上添加 CSS 文件？
【发布时间】：2017-04-19 11:26:31
【问题描述】：

我在 app/theme/AcmeTheme 下有一个自定义主题。我有主题工作，我可以在视图下定义自己的模板或覆盖其他捆绑包的模板。问题是我不知道如何在我的主题中添加自定义 CSS 文件。这么胖我试过了：

AcmeTheme/public/style.css AcmeTheme/web/style.css

但是在运行 assets:install 和 sylius:theme:assets:install 之后，文件不会被复制。我已经多次阅读文档，但仍然无法正常工作。

【问题讨论】：

标签： sylius

【解决方案1】：

将您的 style.css 放入 app/themes/AcmeTheme/SyliusShopBundle/public/ 并运行 sylius:theme:assets:install。现在您的 style.css 应该在 web/bundles/_themes/AcmeTheme/template/syliusshop/ 中可用，您可以使用 <link rel="stylesheet" href="{{ asset('bundles/syliusshop/styles.css') }}"> 将其包含在 html.twig 中

【讨论】：

谢谢，这行得通。是否可以直接从主题app/themes/AcmeTheme/public 的文件夹中添加它？还是主题总是必须覆盖SyliusShopBundle？
根据docs.sylius.org/en/latest/book/themes/themes.html（底部注释），您也可以将它们直接包含在 app/themes/AcmeTheme/web/assets 中
好吧，根据github.com/Sylius/Sylius/issues/8161，不再可能将它们直接包含在 app/themes/AcmeTheme/web/assets 中 - 所以答案中的解决方案是正确的方法。

【解决方案2】：

在 app/themes/AcmeTheme/web/assets/ 中使用资产的解决方案对我不起作用。添加自定义资产的唯一方法是通过 app/themes/AcmeTheme/SyliusShopBundle/public/ 这很奇怪。

【讨论】：

我已将上一个答案标记为解决方案，因为它是可行的，但我仍然不知道如何做你正在寻找的东西。文档不清楚。