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
これで、Gulp.jsアプリケーションが稼働しています。 :)