Flask：将静态javascript文件放在模板中的位置

Question

我正在开发具有以下文件夹结构的flask应用程序：

|-->flask_app.py
    |-->static
        |-->css
            |-->bootstrap.min.css
            |-->styles.css
        |-->js
            |-->jquery-3.1.1.min.js
            |-->bootstrap.min.js
            |-->script.js
    |-->templates
        |-->index.html

链接到index.html中的这些CSS和JS文件的正确方法是什么，我需要与它们关联哪些参数？

我的CSS链接看起来像这样，位于标题中：

<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">

而且我的JS链接看起来像这样，位于body标记的末尾：

<script src="{{ url_for('static', filename='js/script.js') }}"></script>

这是正确的语法吗？它们是否位于我模板中的正确位置（我确定这里有灵活性）？还有我应该传入的其他任何参数（例如，type =“ text / css”，type =“ text / javascript”，media =“ screen”）吗？

一切正常，但是如果有的话，我想遵循建议的做法。

Answer 1

[Flask documentation提到，您应该将.css和.js文件存储在静态文件夹中，并且出于组织目的，最好将每种类型的文件都作为子目录（尤其是随着应用程序的增长）。

每this SO answer，您不需要在Jinja表达式中输入type =“ text / css”或type =“ text / javascript”。