Ֆայլերի իմպորտավորումը SASS-ում

SASS ֆայլերի հետ աշխատելիս երբեմն անհրաժեշտ է դառնում կոդը տեղափոխել .scss փաստաթղթից, սակայն առանց դրա կլոնը .css ընդլայնմամբ ստեղծելու, այսինքն՝ իմպորտավորել դրա մի հատվածը։

Օրինակ, մենք ունենք navbar.scss ֆայլը հետևյալ կոդով.

navbar.scss.active {
  color: red;
}

Որպեսզի իրականացնենք իմպորտի այս տեսակը, նախ պետք է ֆայլի անվանումից առաջ ավելացնել ստորին գծիկ, ահա այսպես. _navbar.scss. Այնուհետև մեկ այլ ֆայլում՝ style.scss-ում, գրում ենք @import դիրեկտիվը, սակայն իմպորտվող ֆայլի անվանման մեջ ստորին գծիկը, ինչպես նաև ֆայլի ընդլայնումը նշված չեն.

style.scss@import "navbar";

Եվ տեսնում ենք, որ style.css-ում կոմպիլյացիայի ժամանակ իմպորտվել է _navbar.scss ֆայլի կոդը.

style.css.active {
  color: red; 
}

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