Das im Programm verwendete CSS wurde in scss geändert. Mit scss können Sie in eine verschachtelte Struktur schreiben, wodurch die Auswahl der Selektoren reduziert und der Code gut lesbar wird. Zusätzlich können Variablen verwendet werden und es wird möglich, wie eine Programmiersprache zu schreiben. Darüber hinaus können Operationen und Funktionen verwendet werden, und es ist möglich, redundante Beschreibungen wie das herkömmliche CSS zu eliminieren. Da sich die Ordnerstruktur in scss ein wenig ändert, habe ich sie als Memorandum zusammengefasst.
Die Ordnerstruktur von scss ist wie folgt.
| Ordner | Erläuterung |
|---|---|
| config | Dieser Ordner verwaltet Projekteinstellungsdateien und Dateien, die in scss verwendete Variablen definieren. |
| mixin | Ein Ordner, der in scss verwendete Mixin-Dateien verwaltet. |
| modules | Ein Ordner zum Verwalten von Modulen. Ein Modul besteht aus einer Reihe von Teilen, die aus mehreren Elementen bestehen. Es kann nach Verwendungszwecken wie Kopf- und Fußzeile unterteilt werden. Sie können eine Reihe von CSS als unabhängige Verwaltung mithilfe eines Moduls verwalten. |
| vendor | Ein Ordner, der Bibliotheksdateien verwaltet. In CSS gibt es eine sogenannte Bibliothek. Eine Bibliothek ist eine Datei, in die CSS im Voraus geschrieben wurde. Eine bekannte CSS-Bibliothek ist Bootstrap. Eine effiziente Nutzung der Bibliothek erhöht die Codierungsgeschwindigkeit erheblich. |
| override | Dieser Ordner verwaltet SCSS-Dateien zum Überschreiben externer Bibliotheken, die im Herstellerordner gespeichert sind. |
Das Obige ist die Ordnerstruktur in scss.
Recommended Posts