Pengenalan kepada Gulp 4

Gulp ialah alat untuk mengautomasikan tugas yang sering timbul semasa pembangunan laman web: meminimumkan fail CSS dan JavaScript, menggabungkan beberapa fail menjadi satu, menukar LESS dan SASS kepada CSS, menukar bahasa TypeScript kepada JavaScript dan tugas-tugas seumpamanya.

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

Mari kita pasang Gulp. Untuk melakukan ini, dalam baris arahan, anda perlu menjalankan perintah:

npm install --global gulp-cli

Sekarang mari kita buat projek di mana Gulp akan digunakan. Untuk melakukan ini, dalam folder projek, mari buat struktur fail 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 dalam folder projek, anda perlu menambahkan package.json, Selepas itu, anda boleh memasang Gulp ke dalam projek. Untuk melakukan ini, dalam baris arahan, semasa berada di folder dengan projek, anda perlu menjalankan perintah berikut:

npm install --save-dev gulp

Buat projek dan pasang Gulp ke dalamnya.