how to include different js and css files when using block content using jinja

Question

I am creating a web app using Django. I have a html template as follows:



  
  
  
  Document



  {% block content %}
  {% endblock %}

I am using this template to create other html files using

{% extends 'document.html' %}

{% block content %} {% endblock %}

for the moment I am referring to all css and js files in the original document.html. how can I refer to different js and css files in the new templates only when necessary? thanks

user_6281503 · Answer

Put this in your setting.py

STATIC_URL = '/static/'

STATIC_ROOT = os.path.dirname(BASE_DIR) + '/staticfiles/'

 STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
 )

create static folder in created app and put there your css, js and access via this

user_8548268 · Answer

now it's working. I made just few changes

{% extends 'document.html' %}
{% load staticfiles %}

{% block content %}

now I was able to include the js or css files I need it in the newly created template as follow for example

how to include different js and css files when using block content using jinja

2 Answers