Inleiding tot Gulp 4
Gulp is 'n instrument om algemene take wat tydens webontwikkeling voorkom te outomatiseer: die minimering van CSS en JavaScript-lêers, die samesmelting van verskeie lêers in een, die omskakeling van LESS en SASS na CSS, die omskakeling van die TypeScript-taal na JavaScript en soortgelyke take.
Die werkbeginsel is soos volg: take word vir die Gulp-stelsel geskryf, en Gulp voer hierdie take uit in die gespesifiseerde volgorde.
Kom ons installeer Gulp. Vir dit, moet die volgende opdrag in die terminaal uitgevoer word:
npm install --global gulp-cli
Laat ons nou 'n projek skep waarin Gulp gebruik sal word. Vir dit, moet die volgende lêerstruktuur in die projekgids geskep word:
- /src/
- /js/
- script1.js
- script2.js
- script3.js
- /css/
- styles1.css
- styles2.css
- /img/
- image1.png
- image2.png
- image3.png
- index.html
- /js/
Ook moet die package.json lêer by die projekgids gevoeg word.
Daarna kan Gulp in die projek geïnstalleer word.
Vir dit, moet die volgende opdrag in die terminaal uitgevoer word,
terwyl jy in die projekgids is:
npm install --save-dev gulp
Skep 'n projek en installeer Gulp daarin.