@use importe un fichier annexe sans collision de noms

Un partial est un fichier dont le nom commence par _. Il n'est jamais compilé seul, il est fait pour être importé. C'est la même logique qu'un import en Python ou en JS.

À toi de jouer

Deux fichiers ici : _variables.scss et style.scss. Change la couleur dans le partial et regarde le résultat.

Modifie le code, le CSS se met à jour

_variables.scss

style.scss

CSS (ce que lit le navigateur)

Deux détails à retenir

Le _ s'écrit dans le nom du fichier, pas dans le @use : on écrit @use 'variables'.
Les noms importés sont rangés sous un espace de nom : variables.$primary-color, ce qui évite les collisions entre fichiers.

@use remplace @import, officiellement déprécié. Tu croiseras encore @import dans du code ancien.