如何在Django中组织JS文件？

我目前正在使用Django项目，我包含不同的库JS和我创建用于管理其他库的JS文件，但我不知道每个html页面的JS文件的正确组织，例如，我有一个“Main” .js“和”Milk.js“在基本模板中，但我不希望两个文件都在同一个基本模板中，我希望每个页面都有单独的文件。

我尝试添加为普通的js文件

但它向我显示一条错误消息，询问我从base.htmlinheritance时的几个依赖项

我希望你的帮助

编辑：

Cuando heaadadias en mis archivos de plantillas，sin mostrarme error en la consola de cromo pero en la consola django mostrarme los archivos JS de carga con 304 error。

这些库位于base.html中

奇怪的是，当我从home.html点击时我可以加载milk.js但是当我点击其他页面例如“milk.html”从“Milk.html”无负载js文件时，即使我做了同样的“牛奶” html的”。

Answer 1

Django模板引擎已经提供了一个标记来inheritance你的HTML结构，称为’extend’。

标签“extends”是用于扩展父模板的用途。

{％extends“base.html”％}使用文字值“base.html”作为要扩展的父模板的名称。

base.html是可以扩展的父模板。

 {% load staticfiles %}    
 {% block content %}{% endblock %} 
 {% block scripts %}  {% endblock %}   

并且你有另一个名为milk.html的 HTML，你需要和base.html一样的所有内容，但是包含milk.js，你只需要这样做。

 {% load staticfiles %} {% extends "base.html" %} {% block scripts %}  {{ block.super }}  {% endblock %} 

阅读更多关于’extends’的信息： https ： //docs.djangoproject.com/en/1.9/ref/templates/builtins/#std : templatetag- extends

Answer 2

在您的base.html文件中，在head标记内添加一个块，如下所示：

 {% block scripts %}  {% endblock %} 

现在在您的不同模板文件中：

 {% block scripts %}  {% endblock %} 

所以在使用Milk的模板中，它会像：

 {% block scripts %}  {% endblock %}