1 00:00:03,660 --> 00:00:07,550 Comme première approche pour automatiser nos tâches, 2 00:00:07,550 --> 00:00:12,515 regardons l'exemple de l'utilisation de scripts NPM. 3 00:00:12,515 --> 00:00:22,015 En effet, nous avions déjà commencé à utiliser des scripts NPM dans ce cours dans les leçons précédentes. 4 00:00:22,015 --> 00:00:29,220 Revisitons rapidement notre fichier package.json pour voir comment nous avons utilisé quelques 5 00:00:29,220 --> 00:00:36,755 scripts NPM dans notre fichier package.json pour automatiser quelques tâches. En 6 00:00:36,755 --> 00:00:40,310 regardant notre fichier package.json, 7 00:00:40,310 --> 00:00:42,960 vous voyez que dans le fichier package.json, 8 00:00:42,960 --> 00:00:47,650 nous avions cet objet JSON appelé scripts. 9 00:00:47,650 --> 00:00:55,065 A l'intérieur des scripts, nous avions cette propriété appelée start que nous avons définie ici que nous avons 10 00:00:55,065 --> 00:01:03,945 spécifié comme NPM run lite et aussi nous avons spécifié cette lite comme lite-server. 11 00:01:03,945 --> 00:01:07,825 Alors, vous démarrez votre développement web. 12 00:01:07,825 --> 00:01:15,240 Nous avons également démarré notre serveur lite-server en tapant sur NPM start à l'invite. 13 00:01:15,240 --> 00:01:19,860 Maintenant, ce qui nous a permis, c'est de démarrer le serveur lite-server dans 14 00:01:19,860 --> 00:01:25,715 notre répertoire de projet et de commencer à enregistrer les fichiers du répertoire, 15 00:01:25,715 --> 00:01:28,410 afin que nous puissions le voir dans un navigateur. 16 00:01:28,410 --> 00:01:33,800 Nous avons trouvé cela comme une approche utile pour être en mesure de regarder en direct 17 00:01:33,800 --> 00:01:43,305 les modifications que nous apportons à nos fichiers se reflétant immédiatement dans le navigateur. 18 00:01:43,305 --> 00:01:51,195 Maintenant, dans d'autres tâches que nous avons configurées et utilisées dans la leçon précédente était SCSS, 19 00:01:51,195 --> 00:01:58,520 qui est utilisé pour transformer le code SCSS en code CSS correspondant. 20 00:01:58,520 --> 00:02:08,235 Donc, nous avons écrit cette citation unquote script NPM appelé SCSS qui exécutait le nœud sass en 21 00:02:08,235 --> 00:02:13,035 cherchant les fichiers 22 00:02:13,035 --> 00:02:19,050 SCSS dans le dossier CSS, puis les transformant en code CSS correspondant. 23 00:02:19,050 --> 00:02:20,760 Et pour exécuter cela, 24 00:02:20,760 --> 00:02:25,920 nous avons tapé NPM exécuter SCSS à l'invite de commande. 25 00:02:25,920 --> 00:02:30,710 Donc, nous avons déjà vu que nous avons utilisé quelques 26 00:02:30,710 --> 00:02:39,120 scripts NPM pour automatiser certaines tâches lors de notre développement web. 27 00:02:39,120 --> 00:02:43,360 Donc, pour résumer, les scripts NPM sont pris en charge par 28 00:02:43,360 --> 00:02:49,930 cette propriété de scripts dans le fichier package.json comme nous l'avons vu dans l'exemple précédent. 29 00:02:49,930 --> 00:02:52,370 Plusieurs scripts sont pris en charge. 30 00:02:52,370 --> 00:02:57,270 Un en particulier qui nous intéresse est le script de démarrage, de 31 00:02:57,270 --> 00:03:00,790 sorte que vous pouvez ajouter le type d'invite NPM start, 32 00:03:00,790 --> 00:03:06,320 puis le script correspondant référencé par le début, sera démarré. 33 00:03:06,320 --> 00:03:10,275 Maintenant, nous pouvons définir des scripts arbitraires dans 34 00:03:10,275 --> 00:03:16,710 la propriété scripts, puis les exécuter en disant exécution NPM et le nom du script, 35 00:03:16,710 --> 00:03:22,165 comme vous avez vu l'utilisation de NPM run SCSS ou NPM run lite et ainsi de suite. 36 00:03:22,165 --> 00:03:28,790 Nous allons tirer parti de cela pour être en mesure de développer quelques scripts supplémentaires qui 37 00:03:28,790 --> 00:03:35,935 automatiseront beaucoup de tâches dont nous avons parlé lors de la conférence précédente. 38 00:03:35,935 --> 00:03:40,890 Donc, pour nous aider à comprendre comment nous pouvons tirer parti des scripts NPM pour 39 00:03:40,890 --> 00:03:45,730 automatiser beaucoup de nos tâches de développement web, 40 00:03:45,730 --> 00:03:50,630 nous allons apprendre à configurer les scripts NPM dans le fichier package.json, 41 00:03:50,630 --> 00:03:53,000 puis exécuter les scripts, 42 00:03:53,000 --> 00:03:56,850 parfois automatiquement ou parfois manuellement appeler 43 00:03:56,850 --> 00:04:02,670 les scripts dans l'ordre pour réaliser la construction et le déploiement de notre site Web.