如何在Twig的base.html.twig中全局引入header.html.twig？

你的问题核心是没搞对Twig模板继承和引入的逻辑——home.html.twig直接继承base.html.twig，完全没关联到header.html.twig，自然不会加载头部内容。下面是两种靠谱的实现方式：

方法一：用include引入头部片段 #

把header.html.twig改成独立的片段模板（无需继承base）：

{# header.html.twig #}
<div class="header">
    这里是要全局显示的头部内容
</div>

然后在base.html.twig的header区块里直接引入这个模板：

{# base.html.twig #}
...页面顶部HTML...
{% block header %}
    {% include 'header.html.twig' %}
{% endblock %}
{% block body %}{% endblock %}
...页面底部HTML...

这样所有继承base.html.twig的页面（比如home.html.twig）都会自动显示头部，无需额外修改。

方法二：调整继承链，让所有页面继承头部模板 #

保留header.html.twig对base.html.twig的继承和header区块的填充，然后让home.html.twig继承header.html.twig而非直接继承base：

{# home.html.twig #}
{% extends 'header.html.twig' %}

{% block body %}
    <h1>MY HTML</h1>
{% endblock %}

这种方式下，home会先继承header的内容（已包含填充好的头部区块），再覆盖自己的body区块，最终渲染时就会带上全局头部。

两种方法里，方法一更灵活，适合头部是固定片段的场景；方法二更适合头部需要和base有继承逻辑的场景，可根据需求选择。

内容的提问来源于stack exchange，提问作者Toma Tomov