Pengenalan Gulp 4

Gulp adalah alat untuk mengotomatisasi tugas-tugas yang sering muncul dalam pengembangan situs web: meminimalkan file CSS dan JavaScript, menggabungkan beberapa file menjadi satu, mengubah LESS dan SASS menjadi CSS, mengubah bahasa TypeScript menjadi JavaScript dan tugas-tugas sejenisnya.

Prinsip kerjanya adalah sebagai berikut: untuk sistem Gulp, tugas-tugas ditulis, dan Gulp menjalankan tugas-tugas ini dalam urutan yang ditentukan.

Mari kita instal Gulp. Untuk melakukannya, di command line Anda perlu menjalankan perintah:

npm install --global gulp-cli

Sekarang mari buat proyek yang akan menggunakan Gulp. Untuk melakukannya, di folder proyek, buatlah struktur file berikut:

/src/
- /js/
  - script1.js
  - script2.js
  - script3.js
- /css/
  - styles1.css
  - styles2.css
- /img/
  - image1.png
  - image2.png
  - image3.png
- index.html

Juga, ke folder proyek perlu ditambahkan package.json, Setelah itu, Anda dapat menginstal Gulp ke dalam proyek. Untuk melakukannya, di command line, saat berada di folder dengan proyek, Anda perlu menjalankan perintah berikut:

npm install --save-dev gulp

Buatlah proyek dan instal Gulp ke dalamnya.