Grunt ব্যবহার শুরু করার জন্য দুটি প্রধান ফাইল প্রয়োজন হয়: package.json এবং Gruntfile.js। এই দুটি ফাইল Grunt এর কনফিগারেশন এবং প্রয়োজনীয় ডিপেনডেন্সি ম্যানেজমেন্টে সহায়তা করে। নিচে আমরা এই ফাইলগুলো কীভাবে তৈরি করতে হয় তা বিস্তারিতভাবে দেখব।
package.json ফাইল
package.json ফাইলটি Node.js প্রোজেক্টের একটি গুরুত্বপূর্ণ অংশ, যা আপনার প্রোজেক্টের ডিপেনডেন্সি, স্ক্রিপ্ট এবং অন্যান্য কনফিগারেশন ডেটা সংরক্ষণ করে। Grunt সেটআপ করতে হলে প্রথমে আপনাকে একটি package.json ফাইল তৈরি করতে হবে।
package.json ফাইল তৈরি করা
প্রথমে আপনার প্রোজেক্ট ফোল্ডারে npm init কমান্ড রান করুন। এর মাধ্যমে একটি নতুন package.json ফাইল তৈরি হবে। নিচে কয়েকটি সাধারণ স্টেপ রয়েছে যা আপনাকে অনুসরণ করতে হবে:
- আপনার প্রোজেক্ট ফোল্ডারে টার্মিনাল বা কমান্ড প্রম্পট খুলুন।
নিচের কমান্ডটি রান করুন:
npm init- আপনি যে ডিটেইলস দেখতে চান (যেমন প্রোজেক্টের নাম, ভার্সন, বর্ণনা, এন্ট্রি পয়েন্ট ইত্যাদি) সেগুলি পূর্ণ করুন অথবা এন্টার প্রেস করে ডিফল্ট মান গ্রহণ করুন।
- এটি চালানোর পর আপনার প্রোজেক্টের ফোল্ডারে একটি package.json ফাইল তৈরি হবে।
package.json ফাইলের উদাহরণ
{
"name": "my-project",
"version": "1.0.0",
"description": "A sample Grunt project",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Your Name",
"license": "ISC",
"devDependencies": {
"grunt": "^1.4.1",
"grunt-contrib-uglify": "^5.0.1"
}
}
এখানে devDependencies এর মধ্যে আমরা Grunt এবং Grunt এর প্লাগইন উল্লেখ করেছি, যা আপনার প্রোজেক্টে ব্যবহৃত হবে।
Gruntfile.js ফাইল
Gruntfile.js হলো Grunt এর কনফিগারেশন ফাইল, যেখানে আপনি আপনার টাস্কগুলো কনফিগার করেন। এখানে আপনি গ্রান্ট প্লাগইন এবং টাস্কগুলোর জন্য প্রয়োজনীয় নির্দেশাবলী প্রদান করবেন।
Gruntfile.js ফাইল তৈরি করা
Gruntfile.js তৈরি করতে আপনার প্রোজেক্টের রুট ডিরেক্টরিতে একটি নতুন ফাইল তৈরি করুন নাম দিন Gruntfile.js। তারপর সেখানে আপনার কনফিগারেশন সেটআপ করুন।
Gruntfile.js ফাইলের উদাহরণ
module.exports = function(grunt) {
// Grunt টাস্ক লোড
grunt.initConfig({
pkg: grunt.file.readJSON('package.json'),
// Grunt প্লাগইন কনফিগারেশন
uglify: {
build: {
src: 'src/js/app.js',
dest: 'dist/js/app.min.js'
}
}
});
// Grunt প্লাগইন লোড করা
grunt.loadNpmTasks('grunt-contrib-uglify');
// ডিফল্ট টাস্ক সেট করা
grunt.registerTask('default', ['uglify']);
};
এখানে uglify প্লাগইন ব্যবহার করা হয়েছে, যা JavaScript ফাইল মিনিফাই করতে সহায়তা করবে। আপনি আরও টাস্ক যেমন cssmin, jshint, watch ইত্যাদি ব্যবহার করতে পারেন।
Gruntfile.js এর প্রধান অংশ
- grunt.initConfig(): এই ফাংশনের মাধ্যমে আপনি আপনার প্রোজেক্টের কনফিগারেশন সেটআপ করেন।
- grunt.loadNpmTasks(): এটি আপনার প্রোজেক্টে প্রয়োজনীয় প্লাগইন লোড করতে ব্যবহৃত হয়।
- grunt.registerTask(): এখানে আপনি কাস্টম টাস্ক বা ডিফল্ট টাস্ক নির্ধারণ করেন।
এভাবে, আপনি package.json এবং Gruntfile.js ফাইল তৈরি করে Grunt টাস্ক রানার ব্যবহার শুরু করতে পারেন। package.json ফাইলে ডিপেনডেন্সি এবং স্ক্রিপ্ট সেট করা হয়, এবং Gruntfile.js ফাইলে টাস্ক কনফিগার করা হয়। Grunt এর মাধ্যমে আপনার প্রোজেক্টের অটোমেশন এবং কাজের গতি দ্রুত করা সম্ভব।
