Utangulizi kwa Gulp 4
Gulp ni zana ya kurahisisha majukumu yanayojirudia mara kwa mara wakati wa ukuzaji wa tovuti: kupunguza ukubwa wa faili za CSS na JavaScript, kuunganisha faili nyingi kuwa faili moja, kubadilisha LESS na SASS kuwa CSS, kubadilisha lugha ya TypeScript kuwa JavaScript na majukumu kama hayo.
Kanuni yake ya kufanya kazi ni ifuatayo: kwa mfumo wa Gulp, majukumu huandikwa, na kisha Gulp hutekeleza hayo majukumu kwa mlolongo uliowekwa.
Wacha tusakinishe Gulp. Ili kufanya hivyo, kwenye mstari wa amri unahitabu kutekeleza amri ifuatayo:
npm install --global gulp-cli
Sasa tuunde mradi ambao utatumia Gulp. Ili kufanya hivyo, kwenye folda ya mradi tuunde muundo ufuatao wa faili:
- /src/
- /js/
- script1.js
- script2.js
- script3.js
- /css/
- styles1.css
- styles2.css
- /img/
- image1.png
- image2.png
- image3.png
- index.html
- /js/
Pia, kwenye folda ya mradi inahitajika kuongeza package.json,
Baada ya hayo unaweza kusakinisha Gulp kwenye mradi.
Ili kufanya hivyo, kwenye mstari wa amri, ukiwa ndani ya
folda lenye mradi, ni muhimu kutekeleza amri ifuatayo:
npm install --save-dev gulp
Unda mradi na usakinishe Gulp ndani yake.