Mengimport Fail dalam SASS

Semasa bekerja dengan fail SASS, kadangkala perlu memindahkan kod dari dokumen .scss, tetapi tanpa mencipta klonnya dengan sambungan .css, iaitu mengimport serpihannya.

Sebagai contoh, kita ada fail navbar.scss dengan kod berikut:

.active {
	color: red;
}

Untuk melaksanakan jenis import sedemikian, pertama sekali perlu menambahkan garis bawah sebelum nama fail, seperti ini: _navbar.scss. Kemudian dalam fail lain style.scss kita tulis arahan @import, tetapi dalam nama fail yang diimport, garis bawah, seperti sambungan fail tidak dinyatakan:

@import "navbar";

Dan kita lihat bahawa semasa kompilasi ke dalam style.css kod fail _navbar.scss telah diimport:

.active {
	color: red; 
}

Buat fail main.scss dengan kandungan berikut:

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

Kemudian import serpihannya ke dalam fail styles.scss dan kompilasikan kepada styles.css.