Cara berhijrah ke Gulp.js 4.0

Gulp.js 4.0 Panduan Migrasi: Memudahkan Proses Membina Anda

Gulp.js 4.0 kini versi lalai, menggantikan Gulp.js 3.x. Walaupun penghijrahan tidak wajib, versi baru membawa banyak penambahbaikan, dan kebanyakan konfigurasi boleh dipindahkan hanya dalam beberapa jam.

Perubahan Utama:

• Peningkatan versi lalai: Gulp.js 4.0 menjadi versi lalai, dan anda boleh memasangnya menggunakan . npm install gulp Gabungan tugas tugas:
• dan kaedah menggantikan versi 3.x tatasusunan tugas, yang digunakan untuk melaksanakan tugas -tugas dalam siri dan selari masing pelaksanaan. series() parallel() Pemprosesan Tugas Async:
Fungsi Asynchronous dalam Gulp.js 4.0 perlu secara eksplisit memaklumkan status penyelesaian. Ini boleh dilakukan dengan mengembalikan janji, secara tersirat kembali, atau lulus fungsi panggil balik.
• sokongan modul ES6: Sokongan untuk mod eksport modul ES6, membawa banyak kelebihan, seperti menentukan tugas swasta, fungsi lulus dengan rujukan, fungsi yang sama boleh digunakan untuk pelbagai nama tugas, dan definisi lebih mudah dan/atau
.
• series() Mengapa berhijrah? parallel()

Walaupun persaingan di antara alat -alat seperti Webpack dan Parcel, Gulp.js masih merupakan salah satu pelari tugas JavaScript yang paling popular. Gulp.js dikonfigurasi menggunakan kod untuk menjadikannya pilihan serba boleh dan serba boleh. Sebagai tambahan kepada terjemahan biasa, pembungkusan, dan tambah nilai masa nyata, Gulp.js boleh menganalisis pangkalan data, menjadikan tapak statik, penyerahan git, dan menerbitkan mesej kendur dengan satu arahan.

Langkah -langkah Migrasi:

UPDATE

:

Kemas kini
1. versi dalam

   ke dan dijalankan package.json. Anda juga boleh menggunakan untuk mengemas kini antara muka baris arahan, tetapi ini tidak berubah pada masa penulisan. package.json gulp ^4.0.0 npm install npm i gulp-cli -g Sahkan pemasangan:

   masukkan
dalam baris arahan untuk mengesahkan pemasangan:

2. gulp -v

Migrasi

:

<code>$ gulp -v
[15:15:04] CLI version 2.0.1
[15:15:04] Local version 4.0.0</code>

ralat boleh ditemui semasa proses penghijrahan, seperti

. Ini biasanya kerana cara tugas ditakrifkan memerlukan pelarasan.

3. gulpfile.js Tukar Array Tugas ke AssertionError [ERR_ASSERTION]: Task function must be specified Panggil:

   Gulp.js 3 membolehkan menentukan tatasusunan tugas yang disegerakkan. Dalam gulp.js 4, gunakan kaedah
sebaliknya:

<code>$ gulp -v
[15:15:04] CLI version 2.0.1
[15:15:04] Local version 4.0.0</code>

5. Pengendalian Tugas Asynchronous Penyiapan: Gulp.js 4 Anda perlu tahu bila tugas tak segerak selesai. Anda boleh menggunakan Janji Kembalinya, Pulangan Implicit atau Fungsi Panggil balik:

<code class="language-javascript">// Gulp.js 3
gulp.task('css', ['images'], () => { ... });

// Gulp.js 4
gulp.task('css', gulp.series('images', () => { ... }));</code>

6. mod eksport dengan modul ES6 (disyorkan): Ini adalah lebih fleksibel dan mudah untuk mengekalkan cara untuk menentukan tugas.

FAQs:

• Apakah perbezaan utama antara Gulp 4 dan Gulp 3? Gulp 4 memperkenalkan sistem pelaksanaan tugas baru, yang mungkir untuk pelaksanaan siri, dan menggunakan kaedah gulp.series() dan gulp.parallel() untuk mengawal perintah pelaksanaan tugas.

• Bagaimana untuk mengemas kini kod Gulp 3 saya ke Gulp 4? Ia memerlukan penggantian sintaks ketergantungan tugas lama dengan kaedah baru gulp.series() dan gulp.parallel() dan mengemas kini fail package.json.

• Apakah fungsi

  gulp.series() dan ? gulp.parallel() digunakan untuk melaksanakan tugas dalam siri dan selari masing -masing.

• Bagaimana menggunakan kaedah baru? gulp.watch() adalah serupa dengan Gulp 3, tetapi perlu digunakan dalam kombinasi dengan atau gulp.series(). gulp.parallel()

• Apabila saya mengemas kini ke Gulp 4, mengapa tugas saya melaporkan kesilapan? Mungkin kerana kod masih menggunakan sintaks Gulp 3.

• Bagaimana untuk menentukan tugas lalai di Gulp 4? Gunakan . gulp.task('default', gulp.series(...))

• Masih bolehkah saya menggunakan plugin Gulp di Gulp 4? Ya, tetapi sesetengah plugin mungkin perlu dikemas kini.

• Bagaimana untuk mengendalikan tugas -tugas asynchronous di Gulp 4? Anda boleh menggunakan panggil balik, aliran balik, kembali janji, atau menggunakan fungsi tak segerak. done

• Bagaimana untuk menjalankan tugas dalam urutan tertentu di Gulp 4? Gunakan kaedah dan gulp.series(). gulp.parallel()

• Bagaimana untuk memasang Gulp 4? run . npm install gulp@4.0.0

Dengan berhijrah ke Gulp.js 4.0, anda boleh mendapatkan keupayaan pengurusan tugas yang lebih kuat dan fleksibel, dengan itu meningkatkan kecekapan pembangunan.

Atas ialah kandungan terperinci Cara berhijrah ke Gulp.js 4.0. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!