SASS တွင် ဖိုင်များ တင်သွင်းခြင်း

SASS ဖိုင်များနှင့် အလုပ်လုပ်သောအခါ .scss စာရွက်စာတမ်းမှ ကုဒ်ကို ရွှေ့ပြောင်းရန် လိုအပ်တတ်သည်။ သို့သော် .css ချဲ့ထွင်ခြင်းဖြင့် ၎င်း၏ပုံတူကို ဖန်တီးခြင်းမပြုဘဲ၊ တစ်နည်းအားဖြင့် ၎င်း၏ အပိုင်းအစကို တင်သွင်းရန်ဖြစ်သည်။

ဥပမာအားဖြင့်၊ ကျွန်ုပ်တို့တွင် အောက်ပါကုဒ်ပါသော navbar.scss ဖိုင်တစ်ခုရှိသည်။

navbar.scss.active {
  color: red;
}

ထိုကဲ့သို့သော တင်သွင်းမှုအမျိုးအစားကို ဆောင်ရွက်ရန် ပထမဦးစွာ ဖိုင်အမည်ရှေ့တွင် အောက်မျဉ်းသားကို ထည့်ရန်လိုအပ်သည်။ ဤသို့ဖြစ်သည်။ _navbar.scss. ထို့နောက် အခြားstyle.scss ဖိုင်ထဲတွင် @import ညွှန်ကြားချက်ကို ရေးသားသည်။ သို့သော် တင်သွင်းမည့်ဖိုင်၏ အမည်တွင် အောက်မျဉ်းသားကို ဖိုင်ချဲ့ထွင်ခြင်းကဲ့သို့ပင် ဖော်ပြခြင်းမရှိပါ။

style.scss@import "navbar";

ထို့အပြင် style.css⁅/p‌‌⁆ သို့ စုစည်းသည့်အခါ _navbar.scss ဖိုင်၏ကုဒ် တင်သွင်းခံရသည်ကို မြင်တွေ့ရသည်။

style.css.active {
  color: red; 
}

main.scss.block-content {
  padding: 10px;
  margin-left: auto;
  width: 600px;
  font-size: 14px;
}