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

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

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

.active {
	color: red;
}

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

@import "navbar";

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

.active {
	color: red; 
}

Ստեղծեք main.scss ֆայլը հետևյալ պարունակությամբ.

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

Այնուհետև իմպորտավորեք դրա հատվածը styles.scss ֆայլում և կոմպիլյացրեք այն styles.css-ում։