Wie man zu gulp.js 4.0 migriert

gulp.js 4.0 Migrationshandbuch: Vereinfachen Sie Ihren Build -Prozess

gulp.js 4.0 ist jetzt die Standardversion, die gulp.js 3.x. ersetzt. Während die Migration nicht obligatorisch ist, bringt die neue Version viele Verbesserungen mit sich und die meisten Konfigurationen können in nur wenigen Stunden migriert werden.

Hauptänderungen:

• Standardversion Upgrade: gulp.js 4.0 wird zur Standardversion, und Sie können es mit npm install gulp installieren.
• Task -Kombination: series() und parallel() Methoden ersetzen die 3.x -Version von Task -Arrays, die zum Ausführen von Aufgaben in seriellem bzw. paralleler Ausführung verwendet werden, wodurch die Reihenfolge der Aufgabe granular steuert Ausführung.
• Async Task Processing: asynchrone Funktionen in gulp.js 4.0 müssen den Abschlussstatus explizit informieren. Dies kann durch Rückgabe eines Versprechens, der implizit zurückgegebenen Rückkehr oder der Übergabe einer Rückruffunktion erfolgen.
[🎜>
• ES6 -Modul -Unterstützung: Unterstützung für den Exportmodus des ES6 -Moduls, das Ergebnis vieler Vorteile, z. B. das Definieren privater Aufgaben, die Übergabe von Funktionen durch Bezug und/oder . series() parallel()

Warum migrieren?

Während der Wettbewerb zwischen Tools wie Webpack und Paket, ist Gulp.js immer noch einer der beliebtesten JavaScript -Task -Läufer. Gulp.js wird mithilfe von Code konfiguriert, um es zu einer vielseitigen und vielseitigen Option zu machen. Zusätzlich zu allgemeinen Übersetzungen, Verpackungen und Echtzeit-Nachladen können Gulp.js Datenbanken analysieren, statische Sites rendern, Git-Einreichungen veröffentlichen und Slack-Nachrichten mit einem einzigen Befehl veröffentlichen.

Migrationsschritte:

1. update

   : Aktualisieren Sie die package.json -Version in auf package.json und führen Sie gulp aus. Sie können auch ^4.0.0 verwenden, um die Befehlszeilenschnittstelle zu aktualisieren. Dies hat sich jedoch zum Zeitpunkt des Schreibens nicht geändert. npm install npm i gulp-cli -g

2. Überprüfen Sie die Installation:

   in die Befehlszeile eingeben, um die Installation zu überprüfen: gulp -v

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

Migration
3. :

   Fehler können während des Migrationsprozesses wie auftreten. Dies liegt normalerweise daran, dass die Definition der Aufgabe eine Anpassung erfordert. gulpfile.js AssertionError [ERR_ASSERTION]: Task function must be specified

Task -Array in
4. aufrufen:

   gulp.js 3 Ermöglicht die Angabe von Arrays synchronisierter Aufgaben. Verwenden Sie in Gulp.js 4 stattdessen die -Methode: series()

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

5. Umgang mit asynchroner Aufgabe Abschluss: gulp.js 4 Sie müssen wissen, wann die asynchrone Aufgabe abgeschlossen ist. Sie können Returnversprechen, implizite Rückkehr oder Rückruffunktionen verwenden:

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

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

6. Exportmodus mit ES6 -Modulen (empfohlen): Dies ist eine flexiblere und leichtere Möglichkeit, Aufgaben zu definieren.

FAQs:

• Was sind die Hauptunterschiede zwischen Gulp 4 und Gulp 3? gulp 4 führt ein neues Task -Ausführungssystem ein, das standardmäßig mit der seriellen Ausführung standhält und die Methoden gulp.series() und gulp.parallel() verwendet, um die Aufgabenausführungsreihenfolge zu steuern.

• Wie aktualisiere ich meinen Gulp 3 -Code auf Gulp 4? muss hauptsächlich die alte Aufgabenabhängigkeitssyntax durch die neuen Methoden gulp.series() und gulp.parallel() ersetzen und die package.json -Dateien aktualisieren.

• Was sind die Funktionen von

  gulp.series() und gulp.parallel()? wird verwendet, um Aufgaben in seriellem und parallelem Parallel auszuführen.

• Wie verwendet ich die neue gulp.watch() Methode? ähnelt Gulp 3, muss jedoch in Kombination mit gulp.series() oder gulp.parallel() verwendet werden.

• Wenn ich auf Gulp 4 aktualisiere, warum meldet meine Gulp -Aufgabe einen Fehler? Wahrscheinlich, weil der Code immer noch die Syntax von Gulp 3 verwendet.

• Wie definieren Sie Standardaufgaben in Gulp 4? Verwenden Sie gulp.task('default', gulp.series(...)).

• Kann ich das Gulp -Plugin in Gulp 4 noch verwenden? Ja, aber einige Plugins müssen möglicherweise aktualisiert werden.

• Wie gehe ich mit asynchronen Aufgaben in Gulp 4 um? Sie können den Rückruf done verwenden, Stream zurückgeben, versprechen oder eine asynchrone Funktion verwenden.

• Wie fahre ich Aufgaben in einer bestimmten Reihenfolge in Gulp 4 aus? Verwenden Sie die Methoden gulp.series() und gulp.parallel().

• Wie installiere ich Gulp 4? run npm install gulp@4.0.0.

Durch die Migration zu Gulp.js 4.0 können Sie leistungsstärkere und flexiblere Funktionen für das Aufgabenmanagement erzielen und damit die Entwicklungseffizienz verbessern.

Das obige ist der detaillierte Inhalt vonWie man zu gulp.js 4.0 migriert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!