Gulp 4-এ পরিচিতি

Gulp হল ওয়েবসাইট ডেভেলপমেন্টের সময় প্রায়শই দেখা যাওয়া কাজগুলোকে স্বয়ংক্রিয় করার একটি টুল: CSS এবং JavaScript ফাইল মিনিমাইজ করা, একাধিক ফাইলকে একটিতে মার্জ করা, LESS এবং SASS কে CSS-এ রূপান্তর করা, TypeScript ভাষাকে JavaScript-এ রূপান্তর করা এবং এ ধরনের অন্যান্য কাজ।

এর কাজ করার নীতি হল: Gulp সিস্টেমের জন্য টাস্ক লেখা হয়, এবং Gulp সেই টাস্কগুলো নির্দিষ্ট ক্রমে executes করে।

চলুন Gulp ইনস্টল করি। এর জন্য কমান্ড লাইনে নিম্নলিখিত কমান্ডটি execute করতে হবে:

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 ইনস্টল করা যেতে পারে। এর জন্য কমান্ড লাইনে, প্রজেক্টের ফোল্ডারে অবস্থান করে, নিম্নলিখিত কমান্ডটি execute করতে হবে:

npm install --save-dev gulp

একটি প্রজেক্ট তৈরি করুন এবং এতে Gulp ইনস্টল করুন।