问使用jinja2模板指令加载外部脚本

EN

您在这里有两个选择--第一个是这样做的方式--只需将适当的标记添加到一个模板中(或者，如果您希望能够在扩展第一个模板的模板中覆盖它，则添加一个块)。

第二种方法是使用JJIA2的include函数：

{% block javascript %}
    <script type="text/javascript">
        {% include "myscript.js" %}
    </script>
    <!-- The contents of myscript.js will be loaded inside the script tag -->
{% endblock %}

使用include的好处是，Jinja2会在包含javascript之前对其进行处理--这意味着您可以在javascript中设置变量，这些变量会根据程序的状态而变化。

以这种方式使用include的缺点是相同的--您的.js文件在发送之前将通过Jinja2运行--如果您不使用动态内容，那么您将为每个请求处理不必要的文件--如果您使用的是带有Jinja2语法的javascript模板库，那么可能会出现问题。

这个问题很老了，但还有另一种可能很有趣的解决方法。我是在使用Jinja2和flask时发现的。

我使用了url_for()，它工作得很好：

{% block javascript %}
    <script src="{{ url_for('static',filename='myscript.js') }}"></script>
{% endblock %}

我的静态文件夹中有我的myscript.js。在Jinja2环境中指定，或默认在flask中指定。