如何使用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文件示例。