গুল্প - বিকাশে যন্ত্রণাদায়ক কাজগুলি স্বয়ংক্রিয় করার একটি সরঞ্জামকিট

গুল্প একটি ছোট টুলকিট যা পুনরাবৃত্ত কার্যগুলি স্বয়ংক্রিয় করে তোলে। এই পুনরাবৃত্ত কাজগুলি সাধারণত সিএসএস, জাভাস্ক্রিপ্ট ফাইলগুলি সংকলন করে থাকে বা মূলত যখন আপনি এমন কাঠামো ব্যবহার করেন যা নন-স্ট্যান্ডার্ড জাভাস্ক্রিপ্ট/সিএসএস ফাইলগুলির সাথে সম্পর্কিত হয় আপনি যখন একটি অটোমেশন সরঞ্জাম ব্যবহার করতে চান যা এই ফাইলগুলিকে ধরে ফেলবে, সেগুলি প্যাকেজ প্যাকেজ করবে এবং সবকিছু সংকলন করবে যাতে আপনার ব্রাউজারটি সহজেই বুঝতে পারে এটা।

গুল্প নিম্নলিখিত কাজগুলি স্বয়ংক্রিয় করার জন্য দরকারী:

• জেএস এবং সিএসএস ফাইল সংকলন
• আপনি যখন কোনও ফাইল সংরক্ষণ করেন ব্রাউজার পৃষ্ঠাটি রিফ্রেশ করে
• ইউনিট পরীক্ষা চালান
• কোড বিশ্লেষণ
• পরিবর্তিত ফাইলগুলি একটি লক্ষ্য ডিরেক্টরিতে অনুলিপি করা

আপনাকে একটি গুল্প ফাইল তৈরি করতে, আপনার অটোমেশন সরঞ্জামটি বিকাশ করতে বা কার্য স্বয়ংক্রিয়করণ করতে হবে এমন সমস্ত ফাইলের উপর নজর রাখতে আপনার একটি প্যাকেজ.জসন ফাইল তৈরি করতে হবে। ফাইলটি মূলত আপনার প্রকল্পের ভিতরে কী রয়েছে, আপনার প্রকল্পটি কাজ করতে আপনাকে কী নির্ভরতা প্রয়োজন তা ব্যাখ্যা করে।

এই টিউটোরিয়ালে, আপনি কীভাবে গুলপ ইনস্টল করবেন এবং কীভাবে আপনার প্রকল্পগুলির জন্য কিছু প্রাথমিক কাজ স্বয়ংক্রিয় করবেন তা শিখতে চলেছেন। আমরা এনএমপি ব্যবহার করতে যাচ্ছি - যা নোড প্যাকেজ ম্যানেজার হিসাবে দাঁড়িয়েছে। এটি নোড.জেএস দিয়ে ইনস্টল করা আছে এবং আপনি ইতিমধ্যে নোডেজ এবং এনপিএম ইনস্টল করেছেন কিনা তা পরীক্ষা করে দেখতে পারেন:

# node --version
# npm --version

আপনার সিস্টেমে এটি ইতিমধ্যে ইনস্টল না থাকলে, আমি আপনাকে টিউটোরিয়ালটি পরীক্ষা করার পরামর্শ দিই: লিনাক্স সিস্টেমে সর্বশেষ নোডেজ এবং এনপিএম সংস্করণ ইনস্টল করুন।

কীভাবে লিনাক্সে গুল্প ইনস্টল করবেন

নিম্নলিখিত কমান্ডটি ব্যবহার করে এনএমপি দিয়ে গল্প-ক্লাইপ ইনস্টল করা শেষ করা যাবে।

# npm install --global gulp-cli

আপনি যদি স্থানীয়ভাবে গুল্প মডিউলটি ইনস্টল করতে চান (কেবলমাত্র বর্তমান প্রকল্পের জন্য), আপনি নীচের নির্দেশাবলী ব্যবহার করতে পারেন:

একটি প্রকল্প ডিরেক্টরি তৈরি করুন এবং এতে নেভিগেট করুন:

# mkdir myproject
# cd myproject

এরপরে, আপনার প্রকল্পটি শুরু করতে নিম্নলিখিত কমান্ডটি ব্যবহার করুন:

# npm init

উপরের কমান্ডটি চালনার পরে, আপনাকে আপনার প্রকল্পের নাম, সংস্করণ বিবরণ এবং অন্যান্য দেওয়ার জন্য একাধিক প্রশ্ন জিজ্ঞাসা করা হবে। অবশেষে আপনার দেওয়া সমস্ত তথ্য নিশ্চিত করুন:

এখন আমরা আমাদের প্রকল্পে গুল্প প্যাকেজটি এটি সহ ইনস্টল করতে পারি:

# npm install --save-dev gulp

--Save-dev বিকল্পটি এনএমপি কে নতুন ডিভিনিডেন্সিটির সাথে প্যাকেজ.জসন ফাইল আপডেট করার জন্য বলে।

নোট করুন যে ডেভিনির্ভরতাগুলি বিকাশের সময় সমাধান করা দরকার, যখন রান সময়ের সময় নির্ভরতা end যেহেতু গল্প একটি সরঞ্জাম যা আমাদের বিকাশে সহায়তা করে তাই এটি বিকাশের সময়ে সমাধান করা দরকার।

এখন একটি গলফিল তৈরি করি। আমরা যে কাজগুলি চালাতে চাই সেগুলি সেই ফাইলে পাওয়া যাবে। গুলপ কমান্ড ব্যবহার করার সময় এটি স্বয়ংক্রিয়ভাবে লোড হয়। একটি পাঠ্য সম্পাদক ব্যবহার করে, gulpfile.js নামে একটি ফাইল তৈরি করুন। এই টিউটোরিয়ালটির উদ্দেশ্যে, আমরা একটি সাধারণ পরীক্ষা তৈরি করতে যাচ্ছি।

আপনি আপনার gulpfile.js এ নিম্নলিখিত কোডটি sertোকাতে পারেন:

var gulp = require('gulp');

gulp.task('hello', function(done) {
        console.log('Hello world!');
        done();
});

ফাইলটি সংরক্ষণ করুন এবং এখন এটি দিয়ে চালানোর চেষ্টা করুন:

# gulp hello

আপনার নিম্নলিখিত ফলাফলটি দেখতে হবে:

উপরের কোডটি এখানে যা করে তা এখানে:

• ভের গুল্প = প্রয়োজন (‘গাল্প’); - গুল্প মডিউল আমদানি করে।
• gulp.task (‘হ্যালো’, ফাংশন (সম্পন্ন) {- এমন একটি কার্য সংজ্ঞা দেয় যা কমান্ড লাইন থেকে পাওয়া যাবে
• কনসোল.লগ (‘হ্যালো ওয়ার্ল্ড!’); - কেবল "হেলো ওয়ার্ল্ড!" স্ক্রিনে।
• সম্পন্ন(); - আমরা এই কলব্যাক ফাংশনটি ব্যবহার করি যাতে আমাদের কাজগুলি শেষ হয়ে যায় ul
inst

অবশ্যই উপরেরটি gulpfile.js কীভাবে সংগঠিত হতে পারে তা দেখানোর জন্য একটি নমুনা ছিল। আপনি যদি আপনার gulpfile.js থেকে উপলব্ধ কাজগুলি দেখতে চান তবে আপনি নিম্নলিখিত কমান্ডটি ব্যবহার করতে পারেন:

# gulp --tasks

গুল্পের কয়েক হাজার প্লাগইন উপলব্ধ রয়েছে, সমস্তই বিভিন্ন কার্যকারিতা সরবরাহ করে। গুল্পের প্লাগইন পৃষ্ঠায় আপনি এগুলি পরীক্ষা করতে পারেন।

নীচে আমরা আরও ব্যবহারিক উদাহরণে মিনিফাইটিএইচটিএমএল প্লাগইন ব্যবহার করব। নীচের ফাংশনটির সাহায্যে আপনি এইচটিএমএল ফাইলগুলি সংক্ষিপ্ত করে এটিকে নতুন ডিরেক্টরিতে রাখতে পারেন। তবে প্রথমে, আমরা gulp-minify-html প্লাগইনটি ইনস্টল করব:

# npm install --save-dev gulp-minify-html

আপনি আপনার gulpfile.js দেখতে দেখতে এটি করতে পারেন:

# cat gulpfile.js

// including plugins
var gulp = require('gulp')
, minifyHtml = require("gulp-minify-html");

// task
gulp.task('minify-html', function (done) {
    gulp.src('./src/*.html') // path to your files
    .pipe(minifyHtml())
    .pipe(gulp.dest('./dest'));
    done()
});

তারপরে আপনি নিম্নলিখিত কমান্ডগুলি ব্যবহার করে এইচটিএমএল ফাইলগুলি ছোট করতে পারেন।

# gulp minify-html
# du -sh /src dest/

গুল্প একটি দরকারী টুলকিট যা আপনাকে আপনার উত্পাদনশীলতা উন্নত করতে সহায়তা করতে পারে। আপনি যদি এই সরঞ্জামটিতে আগ্রহী হন তবে আমি এখানে এটির নথিপত্র পৃষ্ঠাটি যাচাই করার জন্য আপনাকে সুপারিশ করছি।