Gulpは、開発者が多くの開発タスクを自動化できるクロスプラットフォームのストリーミングタスクランナーです。大まかに言えば、gulpはファイルをストリームとして読み取り、ストリームをさまざまなタスクにパイプします。これらのタスクはコードベースであり、プラグインを使用します。タスクはファイルを変更し、ソースファイルを本番ファイルに構築します。 gulpで何ができるかを知るには、GitHubでgulpレシピのリストを確認してください。

前提条件

Gulp.jsをインストールする前に、まずいくつかのことが必要になります。

Ubuntu20.04または18.04を実行しているサーバー。からの専用サーバーを使用していますスピンサーバー。
約10分と一杯のコーヒーまたは熱いお茶。その日の気分に応じて、バニラチャイに全乳またはアーモンドを少し加えたものが好きです。

ステップ1—システムをアップグレードする

まず最初に、ソフトウェアをインストールしたり変更を加えたりする前に、必ずシステムを更新してください。これを行うには、次のコマンドを使用します：

$ sudo apt-get upgrade

ステップ2—Node.jsをインストールします

Gulpをインストールするには、最初にNode.jsリポジトリをインストールする必要があります。

$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -

Node.jsをインストールします：

$ sudo apt-get install -y nodejs

バージョンの確認：

$ node --version

ステップ4—NPMを使用してサンプルアプリケーションを作成する

新しいアプリケーションディレクトリを作成します。「アプリ名」を選択した名前に置き換えます。

$ mkdir [app name]

作成したディレクトリに移動して、アプリケーションを作成します。

$ cd [app name]
$ npm init

その後、アプリケーションについていくつか質問があります。

ステップ5—Gulp.jsをインストールします

GulpCLIツールを使用してGulp.jsをインストールします。

$ npm install -g gulp-cli

インストーラーのプロンプトが表示されたら、ディレクトリパスをアプリケーション名に変更します。

$ cd /root/[app name]
$ npm install --save-dev gulp

Gulp.jsのバージョンを確認します。

$ gulp --version

ステップ—Gulpアプリケーションを作成する

これで、サンプルのGulpアプリケーションを作成できます。以下のコマンドを使用してファイルを作成します。

$ nano /root/[app name]/gulpfile.js

このコンテンツをファイルに追加します：

var gulp = require('gulp');

gulp.task('hello', function(done) {
  console.log('Hello World!!!');
  done();
});

ファイルを保存して終了します。

Gulpタスクを実行します。

$ gulp hello