Gestion des scripts javascript

Il existe trois sortes de scripts dans la distribution de Scampi-Twig :

  • les librairies reprises telles quelles récupérées en tant que dépendances npm du projet (en l'occurrence jquery) ;
  • modernizr.js avec les options que nous avons choisies, récupéré dans le submodule scampi/js/libs ;
  • les scripts associés à chaque module.

Une tâche gulp (make:js-vendors) récupère jquery et modernizr.

Pour les scripts des modules utilisés dans le projet, la procédure se déroule en deux temps :

  1. Copie des scripts des modules utilisés depuis leur répertoire de scampi vers le répertoire dev/assets/project/scripts/main/ ;
  2. Concaténation de tous ces fichiers en un seul vers le répertoire dédié du build (public/assets/scripts/main.js).

Cette concaténation est effectuée en tâche unitaire (gulp make:js-main) ou avec les autres tâches lors du build général.

Attention : Le "watch" ne fonctionne actuellement pas sur ces fichiers (help wanted!), il faut donc refaire un build ou un make:js-main à chaque fois qu'on ajoute ou modifie un script.

Note : quatre fichiers sont déjà présents dans le répertoire main/ de Scampi-Twig. Ce sont les scripts associés aux modules Scampi recommandés pour tous projets (collapse, skip-link, svg-icons, u-palette).