如何使用Javascript Twig模板正确包含Javascript

Question

我知道如何访问资产，但是我想创建一个使用Javascript和Twig的模板，这将允许我在脚本中使用Twig变量。

例如，我有一个名为“ details.html.twig”的模板，该模板扩展了一个“ layout.html.twig”：

{% extends '@AcmeBundle/Front/layout.html.twig %}
{# SOME CODE AND CONTENT #}


{% block page_script %}
  {{ parent() }}
  <script>
    {# Part of my script #}
  </script>
{% endblock page_script %}

所有这些都完美地工作了，但是为了能够重用一些js代码（使用twig变量），我剪切了一部分脚本并将其放在一个名为'viewer.html.twig'的外部模板中。 为了能够在我的“ details.html.twig”中使用它，我使用了：

{% include '@AcmeBundle/Front/Model/viewer.html.twig' %}

我将这一行放在{{parent（）}}之后，在<script>标记之前。 但是，当我直接在“详细信息”模板中编写脚本时，曾经可以正常工作的脚本现在似乎已被完全忽略。

如果您有任何线索可以了解使我的模板被包含但被跳过的原因，或者是使模板更容易或适当地包含在内的方法，那么我很乐意接受各种观察。

杰蒂·杰伊（G'day）

Answer 1

如果您编码的文件仅包含javascript，则应命名文件：

{% include '@AcmeBundle/Front/Model/viewer.js.twig' %}

然后Twig（从1.17版本开始）根据扩展名自动定义其转义策略。

请参阅symfony中的twig文档和js twig文件示例。