Changement de css utilisé dans le programme en scss. En utilisant scss, vous pouvez écrire dans une structure imbriquée, ce qui réduit la quantité de description du sélecteur et rend le code hautement lisible. De plus, des variables peuvent être utilisées et il devient possible d'écrire comme un langage de programmation. De plus, des opérations et des fonctions peuvent être utilisées, et il est possible d'éliminer les descriptions redondantes comme le CSS conventionnel. Puisque la structure du dossier change un peu en scss, je l'ai résumée sous forme de mémorandum.
La structure des dossiers de scss est la suivante.
| dossier | La description |
|---|---|
| config | Ce dossier gère les fichiers de paramètres de projet et les fichiers qui définissent les variables utilisées dans scss. |
| mixin | Un dossier qui gère les fichiers mixin utilisés dans scss. |
| modules | Un dossier pour la gestion des modules. Un module est un ensemble de parties qui est une collection de plusieurs éléments. Il peut être divisé en fonction de l'utilisation telle que l'en-tête et le pied de page. Vous pouvez gérer un ensemble de CSS en tant qu'indépendant en utilisant un module. |
| vendor | Un dossier qui gère les fichiers de bibliothèque. Il y a quelque chose qui s'appelle une bibliothèque en css. Une bibliothèque est un fichier dans lequel CSS est écrit à l'avance. Une bibliothèque CSS bien connue est bootstrap. Une utilisation efficace de la bibliothèque augmentera considérablement la vitesse de codage. |
| override | Ce dossier gère les fichiers scss pour l'écrasement des bibliothèques externes stockées dans le dossier du fournisseur. |
Ce qui précède est la structure des dossiers dans scss.
Recommended Posts