Gulp adalah pelari tugas streaming lintas platform yang memungkinkan developer mengotomatiskan banyak tugas pengembangan. Pada tingkat tinggi, gulp membaca file sebagai aliran dan menyalurkan aliran ke tugas yang berbeda. Tugas-tugas ini berbasis kode dan menggunakan plugin. Tugas memodifikasi file, membangun file sumber menjadi file produksi. Untuk mendapatkan gambaran tentang apa yang dapat dilakukan gulp, periksa daftar resep gulp di GitHub.
Prasyarat
Sebelum menginstal Gulp.js, kita memerlukan beberapa hal terlebih dahulu.
- Server yang menjalankan Ubuntu 20.04 atau 18.04. Saya menggunakan server khusus dari Putar Server .
- Sekitar 10 menit dan secangkir kopi atau teh panas. Saya lebih suka Vanilla Chai dengan sedikit susu murni atau almond tergantung pada suasana hati saya hari itu.
Langkah 1 — Tingkatkan sistem Anda
Hal pertama yang pertama, selalu perbarui sistem Anda sebelum menginstal perangkat lunak apa pun atau membuat perubahan. Untuk melakukannya, gunakan perintah ini:
$ sudo apt-get upgrade
Langkah 2 — Instal Node.js
Untuk menginstal Gulp, pertama-tama kita harus menginstal repositori Node.js.
$ curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash -
Instal Node.js:
$ sudo apt-get install -y nodejs
Verifikasi versi:
$ node --version
Langkah 4 — Buat contoh aplikasi dengan NPM
Buat direktori aplikasi baru. Ganti 'nama aplikasi' dengan nama pilihan Anda.
$ mkdir [app name]
Ubah ke direktori yang Anda buat dan buat aplikasinya.
$ cd [app name]
$ npm init
Setelah itu, Anda akan ditanya beberapa pertanyaan tentang aplikasi.
Langkah 5 — Instal Gulp.js
Instal Gulp.js menggunakan alat Gulp CLI.
$ npm install -g gulp-cli
Setelah penginstal meminta Anda, ubah jalur direktori ke nama aplikasi Anda.
$ cd /root/[app name]
$ npm install --save-dev gulp
Verifikasi versi Gulp.js.
$ gulp --version
Langkah — Buat Aplikasi Gulp
Sekarang kita bisa membuat contoh aplikasi Gulp. Gunakan perintah di bawah ini untuk membuat file.
$ nano /root/[app name]/gulpfile.js
Tambahkan konten ini ke file:
var gulp = require('gulp');
gulp.task('hello', function(done) {
console.log('Hello World!!!');
done();
});
Simpan dan keluar dari file.
Jalankan tugas Gulp.
$ gulp hello
Aplikasi Gulp.js Anda sekarang aktif dan berjalan! :)