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 : cinq 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 ([anchor-focus](/scampi/documentation/anchor-focus.html), [collapse](/scampi/documentation/collapse.html), [skip-link](/scampi/documentation/skip-link.html), [svg-icons](/scampi/documentation/svg-icons.html), [u-palette](/scampi/documentation/u-palette.html)).*