Templates : CSS & JS

Cete partie du WIKI détaille le mode de fonctionnement du répertoire templates/assets pour la gestion du style et des scripts JS de la plateforme.

Le projet utilise :

• Le preprocesseur CSS : SCSS (https://sass-lang.com/)
• L'automatisateur de taches : gulp.js (https://gulpjs.com/)

Utilisation

Pendant le développement, vous pouvez lancer make watch-assets qui se chargera de régénérer automatiquement les fichiers css et js.

Compléments

Gulp

Gulp a 2 tâches principales :

1. la compilation des fichiers scss en css et leur minification
2. la minification des scripts js

Architecture

templates
├───assets
│   ├───js # Contient les scripts JS
│   |   └───main.js  # Point d'entrée
│   ├───node_modules
│   ├───scss # Contient le style
│   |   └───main.scss # Point d'entrée 
│   ├───gulpfile.js
│   ├───package.json
│   └───package-lock.json

Commandes Make

 Assets
 -----

install-assets                 Install dependencies npm assets
build-assets                   Build assets
watch-assets                   Build & watch assets