如何处理 Sylius 主题中的资产？答案

【问题标题】：How to handle assets in a Sylius theme?如何处理 Sylius 主题中的资产？
【发布时间】：2020-04-28 09:01:55
【问题描述】：

我是 Sylius 的新手，在处理商店定制时遇到了很多问题。我当前的问题是将资产（图像、css ...）添加到我的自定义主题中。我已经尝试了各种方法，但我无法弄清楚。我的问题是：

你应该把它们准确地放在哪里？
如何将它们放入公用文件夹？我尝试了 assets:install 和 sylius:theme:assets:install 命令，但由于我不知道将文件放在哪里，所以并没有真正的帮助。
如何在模板中引用它们？我找不到asset() 函数指向的位置。

上下文

我使用的是最新版本的 Sylius Standard (1.7.0)、Windows 10 Pro 和 Firefox
主题有效，我可以在频道设置中选择它，我可以覆盖模板和我的themes/SomethingTheme/SyliusShopBundle文件夹中的翻译没有问题

我在 Stack Overflow 上看到过类似的问题，但它们似乎与此版本的 Sylius 无关。

【问题讨论】：

标签： assets sylius

【解决方案1】：

我已将资产的公用文件夹放在主题的 SyliusShopBundle 中。命令后将这些文件复制到公用文件夹中

sylius:theme:assets:install

被执行。

Here is a image to my folder structure

这里是主题内的一个实现

<div class="column">
<a href="{{ path('sylius_shop_homepage') }}"><img src="{{ asset('bundles/syliusshop/assets/logo_fitfoods.svg') }}" alt="Sylius logo" class="ui small image" /></a>

【讨论】：

谢谢，它确实有效！奇怪的逻辑，因为 1）我们自己的资产与 ShopBundle 无关，逻辑上应该放在我们自己的主题或捆绑包中，以及 2）使用的路径实际上并不存在于公用文件夹中，之间有一些丢失的文件夹“bundles”和“syliusshop”......我想在某个地方有某种捷径。
如果你使用的是 1.7，请尝试使用 webpack encore，我个人的资产位于 /themes/[theme-name]/assets/... 中。