Bien, vamos por partes:
STATIC_ROOT = PROJECT_DIR.child("assets")
La carpeta STATIC_ROOT
va a contener los archivos que se copiarán cuando pases a producción y ejecutes el comando collectstatic
. No es necesario que crees esta estructura de carpetas en assets
:
src
├── assets
│ ├── css
│ ├── fonts
│ └── js
Esto lo crea automáticamente Django al ejecutar collectstatic
. Incluso ni siquiera es necesario que la carpeta se encuentre dentro del proyecto, puedes pasarle una ruta como:
STATIC_ROOT = '/var/www/static/'
Bien, eso con respecto a los estáticos en producción. Ahora con respecto a STATICFILES_DIRS
:
STATICFILES_DIRS = (
'jit/assets',
)
Todas estas carpetas le indican a Djando donde buscar los archivos estáticos (también es usado por el comando collectstatic
), por lo tanto y según tu estructura:
src
├── ...
├── jit
│ ├── assets
│ │ ├── css
│ │ ├── fonts
│ │ └── js
│ ├── migrations
│ └── templates
├── ...
Solo tendrías acceso a las siguientes rutas:
jit/assets/css
jit/assets/fonts
jit/assets/js
En el template, respectivamente esto es como usar:
{% static 'jit/css'css/foo.css' %}
{% static 'jit/fonts'fonts/foo.woff2' %}
{% static 'jit/js'js/foo.js' %}
Como ves, no hay opción para {% static 'jit/css/jit.css' %}
ya que no existe esa la carpeta jit/assets/jit
. Si el proceso de Gulp los pone en otra ruta simplemente agrégala o cámbiala:
STATICFILES_DIRS = (
'jit/assets/jit',
)
Para poder tener acceso a:
jit/assets/jit/css
jit/assets/jit/fonts
jit/assets/jit/js