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:
terminalnpm 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.jsscript2.jsscript3.js/css/styles1.cssstyles2.css/img/image1.pngimage2.pngimage3.pngindex.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:
terminalnpm install --save-dev gulp
Izveidojiet projektu un instalējiet tajā Gulp.