Réponses:
Le _ (trait de soulignement) est un partiel pour scss. Cela signifie que la feuille de style va être importée (@import) dans une feuille de style principale, à savoir styles.scss. L'avantage d'utiliser les partiels est que vous pouvez utiliser de nombreux fichiers pour organiser votre code et tout sera compilé sur un seul fichier.
import '_file';
et import 'file';
fait la même chose non?"
_
? J'envisage de supprimer le trait de soulignement de mes noms de fichiers. Le fait qu'un fichier Sass soit partiel ou non (c'est-à-dire un morceau de code importable) doit dépendre de son emplacement dans l'architecture de votre projet, et non de la façon dont le fichier est nommé.
_
s si votre projet est structuré de manière raisonnable.
Un fichier sass commençant par un trait de soulignement est un fichier partiel. C'est un bon moyen de séparer vos styles en sections logiques. Ces fichiers sont tous fusionnés lors de la compilation lorsque vous utilisez @import
.
Dans le guide des langues 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 en tête. Vous pouvez lui donner un nom comme _partial.scss. Le trait de soulignement fait savoir à Sass que le fichier n'est qu'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.
Lorsque vous incluez "_" devant le nom du fichier, il ne sera pas généré dans CSS à moins que vous ne l'importiez dans un autre fichier sass qui n'est pas partiel.
supposons que la structure de vos dossiers ressemble à ceci
/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 omettra _list.scss sans convertir son contenu en 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 _list.scss, le résultat de la commande sera
/scss
style.scss
list.scss
/css
style.css
style.css.map
list.css
list.css.map
Le but principal de l'utilisation de partiels est de décomposer notre code CSS en plusieurs morceaux plus faciles à maintenir. J'espère que cela t'aides. Merci.
Les fichiers avec _ (trait de soulignement) sont ignorés par le compilateur. Cependant, tous ces fichiers sont importés dans un seul fichier SCSS principal (c'est-à-dire styles.scss) qui est en fait le fichier qui est compilé (il n'a pas de _ (trait de soulignement) dans son nom)
Le but final est de ne compiler qu'un seul fichier SCSS, et de n'avoir qu'un seul fichier CSS à la suite de cela, ce qui présente divers avantages.
L'utilisation de l'observateur de node-sass dans un environnement de nœuds entraînera également des messages d'erreur si vous faites sans le préfixe de soulignement, voir https://github.com/sass/node-sass/issues/2762
import '_file';
etimport '_file';
fait la même chose non?