Gulp 4 में परिचय

Gulp वेबसाइट विकास के दौरान अक्सर उत्पन्न होने वाले कार्यों को स्वचालित करने के लिए एक उपकरण है: CSS और JavaScript फ़ाइलों का संक्षिप्तीकरण, कई फ़ाइलों को एक में मर्ज करना, LESS और SASS को CSS में बदलना, TypeScript भाषा को JavaScript में बदलना और इसी तरह के अन्य कार्य।

इसके काम करने का सिद्धांत इस प्रकार है: Gulp प्रणाली के लिए कार्य लिखे जाते हैं, और Gulp इन कार्यों को निर्धारित क्रम में निष्पादित करता है।

आइए Gulp स्थापित करें। इसके लिए कमांड लाइन में निम्नलिखित कमांड निष्पादित करनी होगी:

npm install --global gulp-cli

अब एक प्रोजेक्ट बनाते हैं, जिसमें Gulp का उपयोग किया जाएगा। इसके लिए प्रोजेक्ट फ़ोल्डर में निम्नलिखित फ़ाइल संरचना बनाएं:

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

प्रोजेक्ट फ़ोल्डर में package.json भी जोड़ना होगा, इसके बाद प्रोजेक्ट में Gulp स्थापित किया जा सकता है। इसके लिए कमांड लाइन में, प्रोजेक्ट वाले फ़ोल्डर में होते हुए, निम्नलिखित कमांड निष्पादित करनी होगी:

npm install --save-dev gulp

एक प्रोजेक्ट बनाएं और उसमें Gulp स्थापित करें।