CentOS 8にGulp.jsをインストールする方法

Gulpは、開発タスクを自動化するための無料でオープンソースのクロスプラットフォームJavaScriptツールキットです。これはNode.jsとnpmに基づいて構築されたタスクランナーで、ミニファイ、連結、キャッシュバスティング、単体テスト、リンティング、最適化などの多くの時間のかかるタスクを自動化するために使用されます。Gulpプラグインはシンプルで、単一の仕事を行うように設計されています。

この記事では、CentOS 8にGulpをインストールする方法を示します。

前提条件

• CentOS 8を実行しているサーバー。
• サーバーに設定されたルートパスワード。

Node.jsのインストール

Gulpを使用するには、システムにNode.jsパッケージをインストールする必要があります。

まず、以下のコマンドでCurlをインストールします：

dnf install curl -y

次に、以下のコマンドでNodeソースリポジトリを追加します：

curl -sL https://rpm.nodesource.com/setup_16.x | bash -

次に、以下のコマンドでNode.jsをインストールします：

dnf install nodejs -y

Node.jsがインストールされたら、以下のコマンドでインストールされたNode.jsのバージョンを確認します：

node -v

次の出力が表示されるはずです：

v16.6.1

以下のコマンドでNPMのバージョンも確認できます：

npm -v

次の出力が表示されるはずです：

7.20.3

Gulp CLIのインストール

まず、システムにGulp CLIツールをインストールする必要があります。Gulp CLIはGulpアプリケーションを管理するために使用されるツールです。

以下のNPMコマンドを使用してインストールできます：

npm install -g gulp-cli

Gulp CLIがインストールされたら、次のステップに進むことができます。

Gulp.jsのインストール

まず、以下のコマンドでアプリケーションディレクトリを作成します：

mkdir myapp

次に、myappにディレクトリを変更し、以下のコマンドで新しいアプリケーションを作成します：

cd myapp npm init

以下のようにアプリケーション情報を提供するよう求められます：

package name: (myapp) 
version: (1.0.0) 
description: My app
entry point: (index.js) 
test command: "echo "My app" $$ exit 1"
git repository: 
keywords: 
author: hitesh
license: (ISC) 
About to write to /root/myapp/package.json:

{
  "name": "myapp",
  "version": "1.0.0",
  "description": "My app",
  "main": "index.js",
  "scripts": {
    "test": "\"echo \"My app\" $$ exit 1\""
  },
  "author": "hitesh",
  "license": "ISC"
}


Is this OK? (yes) yes

次に、以下のコマンドでアプリケーションにGulpモジュールを追加します：

npm install --save-dev gulp

次に、以下のコマンドでGulpのバージョンを確認します：

gulp --version

次の出力が表示されるはずです：

CLI version: 2.3.0
Local version: 4.0.2

Gulp.jsを使用したアプリケーションの作成

このセクションでは、シンプルなGulp.jsアプリケーションを作成します。

まず、myappにディレクトリを変更し、以下のコマンドでgulpfile.jsを作成します：

cd myapp  
nano gulpfile.js

以下のコードを追加します：

var gulp = require('gulp');

gulp.task('hello', function(done) {
  console.log('My First Gulp App!!!');
  done();
});

作業が完了したらファイルを保存し、以下のコマンドでGulpタスクを実行します：

gulp hello

次の出力が得られるはずです：

[05:07:52] Using gulpfile ~/myapp/gulpfile.js
[05:07:52] Starting 'hello'...
My First Gulp App!!!
[05:07:52] Finished 'hello' after 4.81 ms

結論

上記のガイドでは、CentOS 8システムにGulp.jsをインストールする方法を説明しました。これで、Gulp.jsを使用して最初のアプリケーションを作成し始めることができます。質問があればお気軽にお尋ねください。