Bagaimana untuk Melaksanakan Tugasan Gulp Secara Berurutan?

Menjalankan Tugasan Gulp Secara Berurutan

Dalam Gulp, tugasan biasanya dijalankan serentak. Walau bagaimanapun, kadangkala anda mungkin mahu menjalankan tugasan secara berurutan, seperti memastikan tugasan yang bersih selesai sebelum memulakan tugasan kopi.

Dalam coretan kod yang disediakan, tugasan "bangun" berhasrat untuk menjalankan "bersih" tugasan, diikuti dengan tugasan "kopi", dan akhirnya, melaksanakan "jalankan sesuatu yang lain":

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

Walau bagaimanapun, ini tidak berfungsi seperti yang diharapkan disebabkan oleh pelaksanaan selari lalai Gulp. Untuk menangani perkara ini, anda boleh menggunakan pemalam run-sequence:

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

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

Pemalam run-sequence membolehkan anda menentukan susunan pelaksanaan tugas. Dengan menggunakan pemalam ini, anda boleh menguatkuasakan pelaksanaan berurutan yang diingini dalam tugasan "membangun":

1. Bersih
2. Kopi
3. Jalankan sesuatu yang lain

Sebagai alternatif, anda boleh menunggu untuk menyelesaikan setiap tugasan sebelum meneruskan ke tugasan seterusnya:

<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>

Dengan merantai tugasan dan memasukkan kebergantungan secara eksplisit, anda boleh mencapai pelaksanaan tugas berurutan dalam Gulp.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Tugasan Gulp Secara Berurutan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!