Bei Verwendung des vorkompilierten Less-Frameworks hoffen wir immer, die Bereitstellungsstruktur von CSS-Dateien effizient verwalten zu können. Hier sehen wir uns eine Technik an, um zu erzwingen, dass CSS in eine einzelne Datei im Less-Framework gepackt wird Verweisen Sie darauf.
less führt beim Importieren andere less-Dateien in einer einzigen Datei zusammen.
Aber wenn eine CSS-Datei importiert wird, wird das CSS standardmäßig nicht zusammengeführt.
Verwenden Sie das Inline-Schlüsselwort, um das Paket a.css in die endgültige einzelne Datei zu zwingen:
@import (inline) "./a.css";
p{
color:yellow;
}Das kompilierte Ergebnis ist wie folgt: Es gibt nur eine Datei (a.css (nur A-Stil)
a{
color:red;
}
p {
color: yellow;
}Wenn kein Inline-Parameter vorhanden ist, lautet das Endergebnis wie folgt: Es werden zwei Dateien angefordert
@import "a.css";
p {
color: yellow;
}Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Technik, CSS im Less-Framework in eine einzelne Datei zu packen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
