Comme première approche pour automatiser nos tâches,
regardons l'exemple de l'utilisation de scripts NPM.
En effet, nous avions déjà commencé à utiliser des scripts NPM dans ce cours dans les leçons précédentes.
Revisitons rapidement notre fichier package.json pour voir comment nous avons utilisé quelques
scripts NPM dans notre fichier package.json pour automatiser quelques tâches. En
regardant notre fichier package.json,
vous voyez que dans le fichier package.json,
nous avions cet objet JSON appelé scripts.
A l'intérieur des scripts, nous avions cette propriété appelée start que nous avons définie ici que nous avons
spécifié comme NPM run lite et aussi nous avons spécifié cette lite comme lite-server.
Alors, vous démarrez votre développement web.
Nous avons également démarré notre serveur lite-server en tapant sur NPM start à l'invite.
Maintenant, ce qui nous a permis, c'est de démarrer le serveur lite-server dans
notre répertoire de projet et de commencer à enregistrer les fichiers du répertoire,
afin que nous puissions le voir dans un navigateur.
Nous avons trouvé cela comme une approche utile pour être en mesure de regarder en direct
les modifications que nous apportons à nos fichiers se reflétant immédiatement dans le navigateur.
Maintenant, dans d'autres tâches que nous avons configurées et utilisées dans la leçon précédente était SCSS,
qui est utilisé pour transformer le code SCSS en code CSS correspondant.
Donc, nous avons écrit cette citation unquote script NPM appelé SCSS qui exécutait le nœud sass en
cherchant les fichiers
SCSS dans le dossier CSS, puis les transformant en code CSS correspondant.
Et pour exécuter cela,
nous avons tapé NPM exécuter SCSS à l'invite de commande.
Donc, nous avons déjà vu que nous avons utilisé quelques
scripts NPM pour automatiser certaines tâches lors de notre développement web.
Donc, pour résumer, les scripts NPM sont pris en charge par
cette propriété de scripts dans le fichier package.json comme nous l'avons vu dans l'exemple précédent.
Plusieurs scripts sont pris en charge.
Un en particulier qui nous intéresse est le script de démarrage, de
sorte que vous pouvez ajouter le type d'invite NPM start,
puis le script correspondant référencé par le début, sera démarré.
Maintenant, nous pouvons définir des scripts arbitraires dans
la propriété scripts, puis les exécuter en disant exécution NPM et le nom du script,
comme vous avez vu l'utilisation de NPM run SCSS ou NPM run lite et ainsi de suite.
Nous allons tirer parti de cela pour être en mesure de développer quelques scripts supplémentaires qui
automatiseront beaucoup de tâches dont nous avons parlé lors de la conférence précédente.
Donc, pour nous aider à comprendre comment nous pouvons tirer parti des scripts NPM pour
automatiser beaucoup de nos tâches de développement web,
nous allons apprendre à configurer les scripts NPM dans le fichier package.json,
puis exécuter les scripts,
parfois automatiquement ou parfois manuellement appeler
les scripts dans l'ordre pour réaliser la construction et le déploiement de notre site Web.