Gulp - Regarder

La méthode Watch est utilisée pour surveiller vos fichiers source. Lorsque des modifications sont apportées au fichier source, la montre exécute une tâche appropriée. Vous pouvez utiliser la tâche «par défaut» pour surveiller les modifications apportées aux fichiers HTML, CSS et JavaScript.

Mettre à jour la tâche par défaut

Dans le chapitre précédent, vous avez appris à avaler des tâches combinées à l' aide de la tâche par défaut. Nous avons utilisé gulp-minify-css, gulp-autoprefixer et gulp-concatplugins, et avons créé une tâche de styles pour réduire les fichiers CSS.

Pour regarder le fichier CSS, nous devons mettre à jour la tâche `` par défaut '' comme indiqué dans le code suivant:

gulp.task('default', ['styles'], function() {
   // watch for CSS changes
   gulp.watch('src/styles/*.css', function() {
      // run styles upon changes
      gulp.run('styles');
   });
});

Tous les fichiers CSS sous work/src/styles/ Le dossier sera surveillé et lors des modifications apportées à ces fichiers, la tâche de styles sera exécutée.

Exécuter la tâche par défaut

Exécutez la tâche «par défaut» à l'aide de la commande suivante.

gulp

Après avoir exécuté la commande ci-dessus, vous recevrez la sortie suivante.

C:\work>gulp
[17:11:28] Using gulpfile C:\work\gulpfile.js
[17:11:28] Starting 'styles'...
[17:11:28] Finished 'styles' after 22 ms
[17:11:28] Starting 'default'...
[17:11:28] Finished 'default' after 21 ms

Chaque fois que des modifications sont apportées aux fichiers CSS, vous recevrez la sortie suivante.

C:\work>gulp
[17:11:28] Using gulpfile C:\work\gulpfile.js
[17:11:28] Starting 'styles'...
[17:11:28] Finished 'styles' after 22 ms
[17:11:28] Starting 'default'...
[17:11:28] Finished 'default' after 21 ms
gulp.run() has been deprecated. Use task dependencies or gulp.watch task 
   triggering instead.
[17:18:46] Starting 'styles'...
[17:18:46] Finished 'styles' after 5.1 ms

Le processus Watch restera actif et répondra à vos modifications. Vous pouvez appuyer surCtrl+Cpour terminer le processus de surveillance et revenir à la ligne de commande.