gulp.js 4.0に移行する方法

gulp.js 4.0移行ガイド：ビルドプロセスを簡素化

gulp.js 4.0がデフォルトバージョンになり、gulp.js 3.xを置き換えます。移行は必須ではありませんが、新しいバージョンは多くの改善をもたらし、ほとんどの構成を数時間で移行できます。

主な変更：

• デフォルトバージョンアップグレード：gulp.js 4.0がデフォルトのバージョンになり、npm install gulpを使用してインストールできます。
• タスクの組み合わせ：series()およびparallel()メソッドは、それぞれシリアルと並列のタスクを実行するために使用されるタスク配列の3.xバージョンを置き換え、それによってタスクの順序をより詳細に制御する実行。
• Asyncタスク処理：gulp.js 4.0の非同期関数は、完了ステータスを明示的に通知する必要があります。これは、約束を返し、暗黙的に戻る、またはコールバック関数を渡すことによって行うことができます。
• ES6モジュールサポート：ES6モジュールエクスポートモードのサポート、プライベートタスクの定義、参照ごとに関数を渡すなど、多くの利点をもたらします。同じ関数を複数のタスク名に使用できます。 >および/またはの複雑な依存関係。 series() parallel()

なぜ移動するのですか？

Webパックや小包などのツール間の競争は、gulp.jsは依然として最も人気のあるJavaScriptタスクランナーの1つです。 gulp.jsは、コードを使用して構成され、多用途で用途の広いオプションになります。一般的な翻訳、パッケージング、およびリアルタイムのリロードに加えて、gulp.jsはデータベースを分析し、静的サイトをレンダリングし、GIT送信をプッシュし、単一のコマンドでSlackメッセージを公開できます。

移行手順：

1. 更新

   ：package.jsonバージョンをに更新してpackage.jsonを実行します。 また、gulpを使用してコマンドラインインターフェイスを更新することもできますが、これは執筆時点では変更されていません。 ^4.0.0 npm install npm i gulp-cli -g

インストールの確認：
2. コマンドラインに

   を入力して、インストールを確認します： gulp -v

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

移行
3. ：

   エラーは、移行プロセス中になどで発生する可能性があります。これは通常、タスクの定義方法に調整が必要なためです。 gulpfile.js AssertionError [ERR_ASSERTION]: Task function must be specified

タスク配列を
4. コールに変換：

   gulp.js 3では、同期されたタスクの配列を指定できます。 gulp.js 4では、代わりにメソッドを使用してください：series()

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

5. 非同期タスクの完了の取り扱い：gulp.js 4非同期タスクがいつ完了するかを知る必要があります。 Return Promise、Implicit Return、またはCallback関数を使用できます。

// Gulp.js 3
gulp.task('css', ['images'], () => { ... });

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

ES6モジュールを使用したエクスポートモード（推奨）：

これは、タスクを定義するためのより柔軟で維持しやすいです。
faqs：

Gulp 4とGulp 3の主な違いは何ですか？
• gulp 4は、シリアル実行のデフォルトである新しいタスク実行システムを導入し、

  およびメソッドを使用してタスク実行順序を制御します。 gulp.series() gulp.parallel()

Gulp 3コードをGulp 4に更新するにはどうすればよいですか？
• 主に、古いタスクの依存関係構文を新しい

  およびメソッドに置き換え、ファイルを更新する必要があります。 gulp.series() gulp.parallel() package.json

• と

  の機能は何ですか？ は、それぞれシリアルと並列のタスクを実行するために使用されます。 gulp.series() gulp.parallel()

新しい
• メソッドを使用する方法は？

  はgulp 3に似ていますが、またはgulp.watch()と組み合わせて使用​​する必要があります。 gulp.series() gulp.parallel()

Gulp 4に更新するとき、Gulpタスクがエラーを報告するのはなぜですか？おそらく、コードがまだGulp 3の構文を使用しているためです。

• Gulp 4でデフォルトのタスクを定義する方法は？
• を使用します。

  gulp.task('default', gulp.series(...))

  Gulp 4のGulpプラグインをまだ使用できますか？
はい、しかしいくつかのプラグインを更新する必要があるかもしれません。

• Gulp 4で非同期タスクを処理する方法は？
• コールバックを使用したり、ストリームを返したり、約束を返したり、非同期関数を使用したりできます。

  done

  Gulp 4で特定の順序でタスクを実行する方法は？
• および

  メソッドを使用します。 gulp.series() gulp.parallel()

  gulp 4をインストールする方法は？
run
• 。

  npm install gulp@4.0.0 gulp.js 4.0に移行すると、より強力で柔軟なタスク管理機能を獲得し、開発効率を向上させることができます。

以上がgulp.js 4.0に移行する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。