将自定义 css/scss 文件添加到默认 Sylius 主题答案

【问题标题】：Add custom css/scss files to default Sylius theme将自定义 css/scss 文件添加到默认 Sylius 主题
【发布时间】：2019-12-23 10:55:03
【问题描述】：

我刚刚安装了 Sylius。我想将自定义 CSS (SCSS) 文件添加到默认 Sylius 主题（不创建自定义主题）。这怎么可能？或者有没有更好的方法来复制这个主题并创建一个自定义主题？

【问题讨论】：

标签： symfony sass sylius

【解决方案1】：

最简单的方法：

首先将需要的 css 文件添加到 public/ 目录中。然后你需要覆盖vendor/sylius/sylius/src/Sylius/Bundle/ShopBundle/Resources/views/layout.html.twig 模板（stylesheets 块），将其复制为templates/bundles/SyliusShopBundle/layout.html.twig 并修改如下：

...
{% block stylesheets %}
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

        {% include '@SyliusUi/_stylesheets.html.twig' with {'path': 'assets/shop/css/style.css'} %}
        {% include '@SyliusUi/_stylesheets.html.twig' with {'path': 'my-custom-file.css'} %}

        {{ sonata_block_render_event('sylius.shop.layout.stylesheets') }}
    {% endblock %}
...

有关自定义的更多信息，请参阅article。

【讨论】：