my_project/ index.html css/ main_style.css scss/ main_style.scss _mixins.scss _colors.scss
Nella mia cartella scss di cui sopra, i files il cui nome comincia con un underscore sono chiamati parziali (partials). Come suggerisce il nome, contengono dei fogli di stile “parziali”, pezzi di codice SCSS che verranno importati nei vostri principali files SCSS.
I nomi dei files parziali deve cominciare con un underscore, ad esempio il parziale pages/homecaricato sopra dovrebbe in realtà essere chiamato pages/_home.scss. (Questi percorsi sono sempre relativi al file attuale).
L'underscore è il modo in cui il compilatore Sass sa che un file è un parziale e pertanto non deve essere compilato in un foglio di stile CSS effettivo.
Se si dispone di un SCSS o un file Sass che si desidera importare, ma non volete compilare in un file CSS, è possibile aggiungere una sottolineatura all'inizio del nome del file. Questo dirà Sass non compilarlo in un file CSS normale.
Ad esempio, si potrebbe avere _colors.scss, che non creerà un _colors.css, e si può fare
@import "colors";
Notare che non è possibile includere un parziale e un non-parziale, con lo stesso nome nella stessa directory.
Ad esempio, _colors.scss non può esistere accanto colors.scss.