Ievads Gulp 4

Gulp ir rīks, lai automatizētu bieži izvirzītus vietņu izstrādes uzdevumus: CSS un JavaScript failu minimizēšana, vairāku failu apvienošana vienā, LESS un SASS pārveidošana par CSS, TypeScript valodas pārveidošana JavaScript un tamlīdzīgi uzdevumi.

Tā darbības princips ir šāds: sistēmai Gulp tiek rakstīti uzdevumi, un Gulp izpilda šos uzdevumus noteiktā secībā.

Instalēsim Gulp. Lai to izdarītu, komandrindā jāizpilda komanda:

npm install --global gulp-cli

Tagad izveidosim projektu, kurā tiks izmantots Gulp. Lai to izdarītu, projekta mapē izveidosim šādu failu struktūru:

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

Arī projekta mapē jāpievieno package.json, Pēc tam var instalēt Gulp projektā. Lai to izdarītu, komandrindā, atrodoties projekta mapē, jāizpilda šāda komanda:

npm install --save-dev gulp

Izveidojiet projektu un instalējiet tajā Gulp.