sass ফাইল ষ্ট্র্যাকচার

 

আমরা জানি সাস লজিক্যালী/ডায়নামিক্যালি লোড হয় সেহেতু সাস ফাইলে হিবিজিবি টাইপ কোড রাখার কোন কোন মানে নাই। তাছাড়া ক্লিন কোডের কোন ডকুমেন্টেশন লাগেনা, ক্লিন কোড নিজেই তার ডকুমেন্টেশন। তো চলুন দেখে নেয়া যাক আমরা কিভাবে sass ফাইল রাখতে পারি।

style/

_variables.scss

_mixins.scss

_path.scss

_core.scss

_icons.scss

style.scss

এভাবে রাখতে পারি, আমাদের কোড হবে ছোট ছোট ব্লকে সাজানো, সুতরাং পড়তে কিংবা পূনরায় কোডে মেরামত গেলে আমরা দেখেই বুঝতে পারব কোথায় কি আছে। আপনি যদি বড় কোন প্রজেক্ট করেন তার জন্য ফ্রন্টএন্ডের কোড আলাদা আর ব্যকএন্ডের কোড আলাদা রাখতে পারেন। একটা বস্তায় সবকিছু একসাথে না রেখে প্রথমে ছোট ছোট ব্যাগে সবকয়টাকে আলাদা আলাদা প্যাক করে তারপরে সবকয়টাকে বস্তায় ভরে দিন। :p

 

আমাদের  ‍style.scss ফাইলে আমরা কোন ষ্টাইল কিংবা কমান্ড লেখবনা শুধুমাত্র সবকয়টা ফাইলকে কল করে রাখব, আর বাদ বাকী কাজ কম্পাইলাররে দিয়া দিমু। কম্পাইলার সবকয়টাকে পড়ুক তারপরে সেগুলোকে কম্পাইল করুক,আমরা হিবিজিবি করতে যাবনা।

 

style.scss ফাইল সিম্পলি এমন থাক।

 

// import variables

@import "style/variables";



// import mixins

@import "style/mixins";



// import path

@import "style/path";



// import project core data

@import "style/core";


// import icon

@import "style/icons";

আর যে কোন বিষয়ে যদি আপনি প্রথম থেকে অভ্যস্ত হয়ে পড়েন ছোট থেকেই তখন আর আপনার কোড কোয়ালিটি নিয়ে পরে চিন্তা করা লাগবেনা। আর হ্যা অবশ্যই কোড লেখবেন কমেন্ট সহ। কোডটা এমন হওয়া চাই যেন কোড দেখেই যে কেউ আপনার উপর ক্র্যাশ খেয়ে যায়। :p

 

লেখায় কোনপ্রকার ভুলত্রুটি ধরা পড়লে অবশ্যই ধরিয়ে দিয়ে বাধিত করবেন। এবং কোন সাজেশন থাকলে নির্দিধায় বলতে পারেন।