web-dev-qa-db-fra.com

Pourquoi mettre devant le nom de fichier "_" ou "_" dans scss / css?

Pourquoi mettre _ devant le nom du fichier dans scss?

_filename.scss - Pourquoi a-t-il besoin de _?

csssass
106
Niko_D

Le _ (trait de soulignement) est un partiel pour scss. Cela signifie que la feuille de style à importer (@import) dans une feuille de style principale, à savoir styles.scss. L'avantage d'utiliser des partiels est que vous pouvez utiliser plusieurs fichiers pour organiser votre code et que tout sera compilé sur un seul fichier.

110
Fabian Parra

Un fichier sass commençant par un trait de soulignement est partiel. C'est un bon moyen de garder vos styles séparés en sections logiques. Ces fichiers sont tous fusionnés lors de la compilation lorsque vous utilisez @import.

Du guide de langue Sass:

Vous pouvez créer des fichiers Sass partiels contenant de petits extraits de CSS que vous pouvez inclure dans d'autres fichiers Sass. C'est un excellent moyen de modulariser votre CSS et de faciliter la maintenance. Un partiel est simplement un fichier Sass nommé avec un trait de soulignement. Vous pourriez l'appeler quelque chose comme _partial.scss. Le trait de soulignement indique à Sass que le fichier est un fichier partiel et qu'il ne doit pas être généré dans un fichier CSS. Les partiels Sass sont utilisés avec la directive @import.

http://sass-lang.com/guide

46
cameronjonesweb

Les fichiers avec _ (trait de soulignement) sont ignorés par le compilateur. Cependant, tous ces fichiers sont importés dans un seul fichier principal SCSS (c'est-à-dire styles.scss), qui est en fait le fichier compilé (son nom ne comporte pas _ (trait de soulignement)).

L’objectif final est de ne compiler qu’un seul fichier SCSS et de ne créer qu’un seul fichier CSS, ce qui présente divers avantages.

6
Tahi Reu

Lorsque vous incluez "_" devant le nom du fichier, celui-ci ne sera pas généré dans CSS sauf si vous l'importez dans un autre fichier sass qui n'est pas partiel.

supposons que votre structure de dossier est comme ça

/scss
 style.scss
 _list.scss
/css

si vous exécutez la commande

sass --watch scss:css

seuls les fichiers style.css et style.css.map seront créés, le compilateur sass omet _list.scss sans convertir son contenu en un fichier CSS.

/scss
 style.scss
 _list.scss
/css
 style.css
 style.css.map

la seule façon d'utiliser des partiels est de les importer dans un autre fichier .scss avec

@import 'list.scss';

si vous supprimez le '_' devant _test.scss, le résultat de la commande sera

/scss
 style.scss
 _list.scss
/css
 style.css
 style.css.map
 test.css
 test.css.map

L’utilisation des partiels a pour objectif principal de décomposer notre code CSS en plusieurs éléments plus faciles à gérer. J'espère que cela t'aides. Merci.

3
dmcshehan