Detaillierte Erläuterung der Technik, CSS im Less-Framework in eine einzelne Datei zu packen

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!