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

• CentOS8を実行しているサーバー。
• ルートパスワードはサーバーで構成されています。

Node.jsをインストール

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

まず、次のコマンドを使用してCurlをインストールします。

dnf install curl -y

次に、次のコマンドを使用してノードソースリポジトリを追加します。

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

GulpCLIをインストールする

まず、システムにGulpCLIツールをインストールする必要があります。 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