Gulpは、開発ワークフローで時間のかかるタスクを自動化するのに役立つ、無料のオープンソースのクロスプラットフォームJavaScriptツールです。これはNode.jsとNPMに基づいて構築されており、変更や最適化などのタスクに必要な開発時間と注意の量を削減するために使用されます。開発者がフロントエンドタスクと大規模なWebアプリケーションを実行するのに役立ちます。
この投稿では、Gulp.jsをRockyLinux8にインストールする方法を紹介します。
前提条件
- Atlantic.NetクラウドプラットフォームでRockyLinux8を実行しているサーバー
- サーバーで構成されているrootパスワード
ステップ1-Atlantic.Netクラウドサーバーを作成する
まず、Atlantic.Netクラウドサーバーにログインします。 2GB以上のRAMを搭載したオペレーティングシステムとしてRockyLinux8を選択して、新しいサーバーを作成します。 SSH経由でクラウドサーバーに接続し、ページの上部で強調表示されているクレデンシャルを使用してログインします。
サーバーにログインしたら、次のコマンドを実行して、ベースシステムを最新の利用可能なパッケージで更新します。
dnf update -y
ステップ2– RockyLinux8にNode.jsをインストールする
GulpはNode.jsとNPMに基づいているため、両方のパッケージをシステムにインストールする必要があります。
まず、次のコマンドを使用してcurlパッケージをインストールします。
dnf install curl -y
次に、次のコマンドを使用してノードソースリポジトリを追加します。
curl -fsSL https://rpm.nodesource.com/setup_current.x | bash -
次に、次のコマンドを使用してNode.jsパッケージをインストールします。
dnf install nodejs -y
Node.jsがインストールされたら、次のコマンドを使用してNode.jsのバージョンを確認します。
node -v
サンプル出力：
v17.0.1
次のコマンドを使用して、NPMのバージョンを確認することもできます。
npm -v
サンプル出力：
8.1.0
ステップ3–Gulp.jsをインストールする
まず、システムにGulpCLIツールをインストールする必要があります。 Gulpアプリケーションのインストールと管理に使用されます。
次のコマンドを使用して、GulpCLIツールをインストールできます。
npm install -g gulp-cli
インストール後、Gulpアプリケーション用のディレクトリを作成します。
mkdir gulp
次に、ディレクトリをgulpに変更し、次のコマンドを使用してgulpアプリケーションを作成します。
cd gulp npm init
新しいアプリケーションについて、いくつか質問をするように求められます。
package name: (gulp)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to /root/gulp/package.json:
{
"name": "gulp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"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
ステップ4–Gulpアプリケーションを作成する
この時点で、Gulpがインストールされます。それでは、サンプルのGulpアプリケーションを作成しましょう。
まず、次のコマンドを使用してプロジェクトディレクトリを作成します。
mkdir project
次に、ディレクトリをプロジェクトに変更し、次のコマンドを使用してGulpアプリケーションを作成します。
cd project nano gulpfile.js
次のコードを追加します：
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World Application!!!');
done();
});
> ファイルを保存して閉じ、次のコマンドを使用してGulpアプリケーションを実行します。
gulp hello
次の出力が得られます：
[13:55:46] Using gulpfile ~/gulp/project/gulpfile.js [13:55:46] Starting 'hello'... Hello World Application!!! [13:55:46] Finished 'hello' after 3.69 ms
結論
おめでとう！ Rocky Linux 8にGulp.jsが正常にインストールされました。これで、Gulpを使用して、仮想プライベートサーバーでの反復タスクを簡単に自動化できます。詳細については、Gulp.jsの公式ドキュメントページをご覧ください。