Default Task তৈরি করা

Gruntfile এর গঠন এবং কনফিগারেশন - গ্রান্ট (Grunt) - Web Development

261

Grunt এ Default Task তৈরি করা মানে এমন একটি টাস্ক তৈরি করা, যা Grunt চালানোর সময় কোনো টাস্কের নাম উল্লেখ না করা হলে স্বয়ংক্রিয়ভাবে চালিত হবে। Default Task সাধারণত এমন কাজগুলির জন্য ব্যবহার করা হয় যা প্রোজেক্টের সব সময় প্রয়োজনীয়, যেমন: ফাইল কম্পাইলিং, লিন্টিং, মিনিফিকেশন ইত্যাদি।

Default Task তৈরি করার পদক্ষেপ

Grunt এ Default Task তৈরি করতে হলে কিছু নির্দিষ্ট ধাপ অনুসরণ করতে হয়। নিচে সেই ধাপগুলোর ব্যাখ্যা দেওয়া হলো:

1. Grunt কনফিগারেশন ফাইল তৈরি করা

প্রথমে আপনার প্রোজেক্ট ডিরেক্টরিতে Gruntfile.js ফাইল তৈরি করতে হবে। এই ফাইলটি Grunt এর কনফিগারেশন এবং টাস্কগুলো সংরক্ষণ করে।

2. Grunt প্লাগইন ইনস্টল করা

যে টাস্কটি আপনি Default Task হিসেবে ব্যবহার করতে চান, তার জন্য প্রয়োজনীয় প্লাগইন ইনস্টল করতে হবে। উদাহরণস্বরূপ, যদি আপনি ফাইল মিনিফাই করতে চান, তবে grunt-contrib-uglify প্লাগইন ইনস্টল করতে হবে।

npm install grunt-contrib-uglify --save-dev

3. Gruntfile.js কনফিগারেশন

এখন আপনার Gruntfile.js এ কনফিগারেশন সেট করতে হবে। Gruntfile.js তে আপনার প্রয়োজনীয় প্লাগইন লোড করে এবং Default Task নির্ধারণ করে নিচের মতো কোড লিখতে হবে:

module.exports = function(grunt) {
  
  // গ্রান্ট প্লাগইন লোড করা
  grunt.loadNpmTasks('grunt-contrib-uglify');
  
  // Grunt কনফিগারেশন সেট করা
  grunt.initConfig({
    uglify: {
      my_target: {
        files: {
          'dist/output.min.js': ['src/input.js']
        }
      }
    }
  });

  // Default Task তৈরি করা
  grunt.registerTask('default', ['uglify']);
};

4. Default Task ব্যাখ্যা

  • grunt.loadNpmTasks('grunt-contrib-uglify');: এই লাইনটি grunt-contrib-uglify প্লাগইনটি লোড করে, যা JavaScript ফাইল মিনিফাই করার জন্য ব্যবহৃত হয়।
  • grunt.initConfig({...});: এখানে আমরা গ্রান্টের কনফিগারেশন নির্ধারণ করি। যেমন uglify টাস্কে src/input.js ফাইলটি মিনিফাই করে dist/output.min.js ফাইলে সেভ করা হচ্ছে।
  • grunt.registerTask('default', ['uglify']);: এখানে default নামের টাস্ক তৈরি করা হয়েছে, যার মধ্যে uglify টাস্ককে অন্তর্ভুক্ত করা হয়েছে। এর মানে হলো, যখন আপনি গ্রান্ট কমান্ড চালাবেন, তখন স্বয়ংক্রিয়ভাবে uglify টাস্কটি সম্পন্ন হবে।

5. Default Task চালানো

এখন, আপনি যদি কোনো টাস্কের নাম উল্লেখ না করে Grunt চালান, তবে এটি স্বয়ংক্রিয়ভাবে Default Task চালাবে। Default Task চালানোর জন্য নিচের কমান্ডটি ব্যবহার করুন:

grunt

এটি uglify টাস্কটি চালাবে এবং আপনার src/input.js ফাইলটি মিনিফাই করে dist/output.min.js ফাইলে সেভ হবে।


এভাবে আপনি Grunt এ Default Task তৈরি করে এবং সেটি ব্যবহার করে আপনার প্রোজেক্টের অটোমেশন প্রক্রিয়া আরও সহজ এবং দ্রুত করতে পারেন।

Content added By
Promotion

Are you sure to start over?

Loading...