Sass কি?
Sass (Syntactically Awesome Stylesheets) হলো CSS এর একটি প্রিপ্রোসেসর যা CSS এর অতিরিক্ত ফিচার এবং ক্ষমতা প্রদান করে। Sass ব্যবহার করার মাধ্যমে আপনি variables, nesting, mixins, functions এবং partials এর মতো বৈশিষ্ট্য উপভোগ করতে পারেন, যা CSS লিখতে অনেক সহজ এবং পরিষ্কার করে তোলে।
Sass ইনস্টলেশন পদ্ধতি
Sass ইনস্টল করার জন্য তিনটি জনপ্রিয় পদ্ধতি রয়েছে:
- npm (Node.js Package Manager)
- Yarn (আরও দ্রুত এবং নির্ভরযোগ্য প্যাকেজ ম্যানেজার)
- CLI (Command Line Interface)
এখানে, আমরা প্রতিটি পদ্ধতিতে Sass ইনস্টল করার প্রক্রিয়া দেখাবো।
১. npm ব্যবহার করে Sass ইনস্টলেশন
npm হল Node.js এর প্যাকেজ ম্যানেজার, যা JavaScript লাইব্রেরি এবং টুল ইনস্টল করতে ব্যবহৃত হয়। Sass ইনস্টল করতে, প্রথমে Node.js ইনস্টল করা থাকতে হবে, কারণ npm শুধুমাত্র Node.js-এ কাজ করে।
ধাপ ১: Node.js ইনস্টল করা:
Node.js ইনস্টল না করা থাকলে, অফিসিয়াল সাইট থেকে ডাউনলোড করে ইনস্টল করুন:
ধাপ ২: Sass ইনস্টল করা:
এখন, আপনি আপনার প্রোজেক্ট ফোল্ডারে যেতে পারেন এবং নিম্নলিখিত কমান্ড চালিয়ে Sass ইনস্টল করতে পারেন:
npm install -g sass
এটি Sass ইনস্টল করবে এবং আপনি আপনার সিস্টেমের যেকোনো জায়গা থেকে sass কমান্ড ব্যবহার করতে পারবেন।
ধাপ ৩: ইনস্টলেশন যাচাই:
ইনস্টলেশনের সফলতা যাচাই করতে, নিচের কমান্ডটি চালিয়ে Sass এর ভার্সন চেক করুন:
sass --version
এটি আপনার সিস্টেমে ইনস্টল করা Sass এর ভার্সন দেখাবে।
২. Yarn ব্যবহার করে Sass ইনস্টলেশন
Yarn হল একটি বিকল্প প্যাকেজ ম্যানেজার যা NPM এর তুলনায় কিছু ক্ষেত্রে দ্রুত এবং নির্ভরযোগ্য কাজ করে। আপনি যদি Yarn ব্যবহার করতে চান, তবে এটি ইনস্টল করতে হবে।
ধাপ ১: Yarn ইনস্টল করা:
Yarn ইনস্টল করতে, প্রথমে আপনাকে নিচের কমান্ডটি ব্যবহার করতে হবে:
npm install -g yarn
ধাপ ২: Sass ইনস্টল করা:
এখন, Sass ইনস্টল করার জন্য Yarn ব্যবহার করতে, নিচের কমান্ডটি ব্যবহার করুন:
yarn global add sass
এটি Sass ইনস্টল করবে এবং আপনি Yarn এর মাধ্যমে sass কমান্ড ব্যবহার করতে পারবেন।
ধাপ ৩: ইনস্টলেশন যাচাই:
ইনস্টলেশন যাচাই করতে, Yarn এর মাধ্যমে Sass এর ভার্সন চেক করুন:
sass --version
এটি আপনার সিস্টেমে ইনস্টল করা Sass এর ভার্সন দেখাবে।
৩. CLI (Command Line Interface) ব্যবহার করে Sass ইনস্টলেশন
যদি আপনি Sass এর CLI সংস্করণ ব্যবহার করতে চান, তবে আপনি সহজেই Ruby দিয়ে ইনস্টল করতে পারেন। এটি আগের Sass ভার্সনগুলির জন্য ব্যবহৃত হত, তবে এখন এটি অত্যন্ত কম ব্যবহার করা হয়, কারণ বর্তমান ভার্সন Dart Sass-এ চলে এসেছে।
ধাপ ১: Ruby ইনস্টল করা (যদি না থাকে):
Ruby ইনস্টল করা থাকলে, পরবর্তী ধাপে যান। যদি না থাকে, তবে আপনাকে Ruby ইনস্টল করতে হবে:
ধাপ ২: Sass ইনস্টল করা:
Ruby দিয়ে Sass ইনস্টল করতে, নিচের কমান্ডটি ব্যবহার করুন:
gem install sass
ধাপ ৩: ইনস্টলেশন যাচাই:
Sass ইনস্টল হওয়ার পর, নিচের কমান্ডটি ব্যবহার করে ইনস্টলেশনের সফলতা যাচাই করতে পারেন:
sass -v
Sass কোড কম্পাইল করার জন্য ব্যবহার
Sass ইনস্টল করার পর, আপনি .scss বা .sass ফাইলগুলি কম্পাইল করতে পারবেন। নিচের কমান্ড দিয়ে আপনি Sass ফাইলগুলিকে CSS ফাইলে কম্পাইল করতে পারেন:
sass input.scss output.css
এখানে:
input.scssআপনার Sass ফাইল।output.cssআপনার কম্পাইল হওয়া CSS ফাইল।
ওয়াচ কমান্ড:
আপনি যদি চান যে Sass ফাইলটি স্বয়ংক্রিয়ভাবে পরিবর্তিত হলে পুনরায় কম্পাইল হয়ে যায়, তাহলে --watch ফ্ল্যাগ ব্যবহার করতে পারেন:
sass --watch input.scss:output.css
এটি আপনার input.scss ফাইলটি মনিটর করবে এবং যেকোনো পরিবর্তন হলে তা output.css তে কম্পাইল করবে।
সারাংশ
Sass একটি শক্তিশালী CSS প্রিপ্রোসেসর যা CSS লেখাকে আরো কার্যকর, শক্তিশালী এবং রিডেবল করে তোলে। আপনি npm, Yarn, বা CLI এর মাধ্যমে Sass ইনস্টল করতে পারেন। npm বা Yarn ব্যবহারে আপনাকে গ্লোবালি ইনস্টল করে sass কমান্ড ব্যবহার করতে হবে, যেখানে CLI দিয়ে Ruby ইনস্টলেশন করতে হবে। একবার ইনস্টল হয়ে গেলে, আপনি Sass ফাইলগুলোকে সহজে CSS ফাইলে কম্পাইল করে আপনার ওয়েব অ্যাপ্লিকেশনের জন্য ব্যবহার করতে পারবেন।
Read more
