Syntaxe pour inclure un fichier Sass séparé ?

Question

Je ne peux pas confirmer que cette syntaxe est la meilleure pratique. Je voudrais référencer un fichier Sass externe et le faire précéder de mon fichier CSS final, de cette façon ma feuille Sass a l'air plus propre, et je ne fais toujours qu'une seule requête HTTP.

Par exemple, prenez le code "normalize" et mettez-le dans un fichier .sass, puis dans mes feuilles sass, faites-y simplement référence :

@import src/normalize
@import src/droidSans

rest of code here.....

Cela fonctionne bien jusqu'à présent, mais je ne trouve rien de concret pour savoir si je suis dans la bonne direction. De plus, je ne fais que des modèles statiques pour l'instant... je n'utilise pas Rails pour le moment.

Je joue avec Sass depuis quelques heures et j'adore ! !!

Answer 1

Afin d'éviter que votre fichier partiel ne soit converti en son propre fichier css, préfixez le nom du fichier par un trait de soulignement, _normalize.scss . Vous pourrez ensuite l'importer comme vous l'avez déjà indiqué :

@import "normalize";

Ou importez plusieurs fichiers à la fois :

@import "normalize", "droidSans";

Ou importer à partir d'un répertoire relatif :

@import "folder/file"

Notez l'utilisation des guillemets et du point-virgule ; j'utilise la syntaxe SCSS qui est un développement ultérieur du mot SASS. Bien que les deux styles soient valables, vous pouvez préférer l'un à l'autre en fonction des autres langages que vous utilisez.

Vous trouverez d'autres lectures sous Directives/Participations en la documentation .