Dans un article précédent, nous avons vu comment Configurer Prettier avec un projet Angular. C’est bien gentil, mais comment, dans le contexte d’un projet open source, s’assurer que le projet sera effectivement « linté » avant d’être soumis ?

La réponse est simple : automatiser le lint, et ceci se passe dans un pre-commit hook. Le terme est assez barbare mais plutôt explicite : un script se déclenchera automatiquement avant chaque git push.

Installer les dépendances

Pour cela, trois nouvelles dépendances de développement sont à ajouter au projet :

npm install -D npm-run-all husky pretty-quick

(Voir Gérer les dépendances avec NPM pour plus de détail).

Configurer le hook

Il faut maintenant éditer le fichier package.json et, dans sa section « scripts » ajouter une entrée « precommit ». Ce script aura pour tâche de lancer le linter sur les fichiers staged et de rendre compte du process.

Concrètement, ajoutez à la section « scripts » de votre package.json :

...
"format:fix": "pretty-quick --staged",
"precommit": "run-s format:fix lint",
"lint": "ng lint",
...

Votre prochain git push vous informera de la réussite du linter.

Les modifications apportées à LeCoinDuProf pour l’application de cet article sont disponibles dans le commit https://github.com/AlanCrevon/LeCoinDuProf/commit/80b9967f1d65c1cd027c32c3fc616ed344b4e208.