Comment exécuter des tâches Gulp de manière séquentielle ?

Exécuter les tâches Gulp de manière séquentielle

Dans Gulp, les tâches sont généralement exécutées simultanément. Cependant, vous souhaiterez parfois exécuter des tâches de manière séquentielle, par exemple en vous assurant qu'une tâche de nettoyage est terminée avant de démarrer une tâche de café.

Dans l'extrait de code fourni, la tâche « développer » a pour but d'exécuter la tâche « nettoyer ». tâche, suivie de la tâche "café", et enfin, de l'exécution de "exécuter autre chose":

<code class="javascript">gulp.task('develop', ['clean', 'coffee'], ->
  console.log "run something else"
)</code>

Cependant, cela ne fonctionne pas comme prévu en raison de l'exécution parallèle par défaut de Gulp. Pour résoudre ce problème, vous pouvez utiliser le plugin run-sequence :

<code class="javascript">var runSequence = require('run-sequence')

gulp.task('develop', ->
  runSequence('clean', 'coffee', ->
    console.log 'Run something else'
  )
)</code>

Le plugin run-sequence vous permet de spécifier l'ordre d'exécution des tâches. En utilisant ce plugin, vous pouvez appliquer l'exécution séquentielle souhaitée dans la tâche « développer » :

1. Nettoyer
2. Coffee
3. Exécuter autre chose

Vous pouvez également attendre la fin de chaque tâche avant de passer à la suivante :

<code class="javascript">var gulp = require('gulp')
var gutil = require('gutil')

gulp.task('clean', ->
  gulp.src('bin', {read: false})
    .pipe(clean({force: true}))

gulp.task('coffee', ->
  gulp.src('src/server/**/*.coffee')
    .pipe(coffee {bare: true})
    .on('error', gutil.log)
    .pipe(gulp.dest('bin'))

gulp.task('develop', ['clean'], ->
  gulp.start('coffee')

gulp.task('develop:all', ['develop'], ->
  console.log 'Run something else'
)</code>

En enchaînant les tâches et en incluant explicitement les dépendances, vous pouvez réaliser une exécution séquentielle des tâches dans Gulp.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!