ფაილების იმპორტირება 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-ში.