Gulp adalah alat JavaScript lintas platform gratis, sumber terbuka, yang membantu Anda mengotomatiskan tugas yang memakan waktu dalam alur kerja pengembangan Anda. Itu dibangun di atas Node.js dan NPM yang digunakan untuk mengurangi jumlah waktu pengembangan dan perhatian yang diperlukan untuk tugas-tugas seperti modifikasi dan pengoptimalan. Ini membantu pengembang untuk menjalankan tugas front-end dan aplikasi web skala besar.
Dalam posting ini, kami akan menunjukkan cara menginstal Gulp.js di Rocky Linux 8.
Prasyarat
- Server yang menjalankan RockyLinux 8 di Platform Cloud Atlantic.Net
- Kata sandi root yang dikonfigurasi di server Anda
Langkah 1 – Buat Server Cloud Atlantic.Net
Pertama, masuk ke Server Cloud Atlantic.Net Anda. Buat server baru, pilih Rocky Linux 8 sebagai sistem operasi dengan RAM minimal 2GB. Hubungkan ke Server Cloud Anda melalui SSH dan masuk menggunakan kredensial yang disorot di bagian atas halaman.
Setelah Anda masuk ke server Anda, jalankan perintah berikut untuk memperbarui sistem dasar Anda dengan paket terbaru yang tersedia.
dnf update -y
Langkah 2 – Instal Node.js di Rocky Linux 8
Gulp didasarkan pada Node.js dan NPM, jadi Anda perlu menginstal kedua paket ke sistem Anda.
Pertama, instal paket curl dengan perintah berikut:
dnf install curl -y
Selanjutnya, tambahkan repositori sumber Node menggunakan perintah berikut:
curl -fsSL https://rpm.nodesource.com/setup_current.x | bash -
Selanjutnya, instal paket Node.js dengan perintah berikut:
dnf install nodejs -y
Setelah Node.js terinstal, verifikasi versi Node.js dengan perintah berikut:
node -v
Contoh keluaran:
v17.0.1
Anda juga dapat memverifikasi versi NPM menggunakan perintah berikut:
npm -v
Contoh keluaran:
8.1.0
Langkah 3 – Instal Gulp.js
Pertama, Anda perlu menginstal alat Gulp CLI di sistem Anda. Ini digunakan untuk menginstal dan mengelola aplikasi Gulp.
Anda dapat menginstal alat Gulp CLI menggunakan perintah berikut:
npm install -g gulp-cli
Setelah instalasi, buat direktori untuk aplikasi Gulp:
mkdir gulp
Selanjutnya, ubah direktori menjadi gulp dan buat aplikasi gulp dengan perintah berikut:
cd gulp npm init
Anda akan diminta untuk memberikan beberapa pertanyaan untuk aplikasi baru Anda:
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
Selanjutnya, jalankan perintah berikut untuk menginstal modul Gulp:
npm install --save-dev gulp
Selanjutnya, verifikasi instalasi Gulp menggunakan perintah berikut:
gulp --version
Anda akan melihat output berikut:
CLI version: 2.3.0 Local version: 4.0.2
Langkah 4 – Buat Aplikasi Gulp
Pada titik ini, Gulp diinstal. Sekarang, mari kita buat contoh aplikasi Gulp.
Pertama, buat direktori proyek menggunakan perintah berikut:
mkdir project
Selanjutnya, ubah direktori menjadi project dan buat aplikasi Gulp dengan perintah berikut:
cd project nano gulpfile.js
Tambahkan kode berikut:
var gulp = require('gulp'); gulp.task('hello', function(done) { console.log('Hello World Application!!!'); done(); });
Simpan dan tutup file, lalu jalankan aplikasi Gulp menggunakan perintah berikut:
gulp hello
Anda akan mendapatkan output berikut:
[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
Kesimpulan
Selamat! Anda telah berhasil menginstal Gulp.js di Rocky Linux 8. Sekarang Anda dapat menggunakan Gulp untuk mengotomatiskan tugas berulang di server pribadi virtual Anda dengan mudah. Untuk informasi lebih lanjut, kunjungi halaman dokumentasi resmi Gulp.js.