Parcel CSS, das neueste Meisterwerk des Parcel Creator Devon Govett, ist ein CSS -Parser, Konverter und Kompressor in Rost. Dies bringt eine erfrischende Vitalit?t in das CSS -Verarbeitungsfeld.

Vor ein paar Wochen hatte ich mir ein CSS -Tool vorgestellt, das esbuild ?hnelt: cssbuild . Es kann Importe, Pakete (derzeit in der Regel auf SASS angewiesen) behandeln und mit extrem hohen Geschwindigkeiten ausgeführt werden. Vielleicht ist es Plugin-basiert und kompatibel mit der Postcss-API, sodass vorhandene Postcss-Plugins darauf ausgeführt werden k?nnen. Es kann auch Quellkarte generieren und Code?nderungen vornehmen und m?glicherweise sogar SASS ausführen. Solche Werkzeuge k?nnen die Vitalit?t des CSS -?kosystems wie esbuild stimulieren.

Obwohl das Paket CSS dem, was ich mir vorgestellt habe, nahe ist, scheint es derzeit keine Verpackungsfunktionen zu haben (zumindest nicht eigenst?ndig). Ich denke, das liegt daran, dass eine neue Syntax dafür erfunden werden muss. Die Mehrdeutigkeit von SASS bei der Verwendung @import (wie native CSS) kann die Lektion sein, und ich beschuldige niemanden, die gleichen Fehler nicht zu wiederholen. Dies ist in der Tat ein schwieriges Problem, da die Erfindung der Syntax sie in verschiedene Toolkategorien einteilen wird. Aber ich denke, es lohnt sich, denn das Aufschlachen von CSS in kleinere Dateien und das Verpacken in der Entwicklung ist eine g?ngige Praxis, ohne sich vollst?ndig auf Paket verlassen zu müssen (es kann verpackt werden).

Warum also Paket -CSS verwenden, um CSS zu bew?ltigen? Nach der Dokumentation sind die Gründe wie folgt:

• CSS -Komprimierung
• Fügen Sie automatisch das Pr?fix des Anbieters hinzu
• Behandeln Sie CSS -Module (klassische Bibliothek, nicht nativ)
• Quellkarte erzeugen

(Zun?chst dachte ich, dass es andere Tools nutzte, um diese Aufgaben zu erfüllen, da Tools wie Autoprefixer und CSSNano in der package.json -Datei des Projekts erscheinen. Aber Devons Kommentare best?tigen, dass Parcel CSS ein Ersatz für diese Tools ist und nicht auf sie.))

Es gibt auch eine Killerfunktion! Ich denke, das leistungsst?rkste Merkmal von Parcel CSS ist "Syntaxabsenkung", was bedeutet, dass Sie zukünftige CSS -Funktionen (z. B. das Nisting) verwenden und ihn dann in Code verarbeiten k?nnen, den der Browser verstehen kann, genau wie Babel mit JavaScript umgeht. Dies ?hnelt dem Geist von Postcss-Preset-Env.

Und es ist extrem schnell:

Kann Paket -CSS zum ?kosystem werden?

Die gr??te Frage ist: Wenn Parcel CSS zum bevorzugten CSS -Parser wird, erhalten wir dann Plugins? Wenn wir das Plugin bekommen, wird es dann zu einem leistungsstarken ?kosystem wie dem Postcss -Plugin?

Das obige ist der detaillierte Inhalt vonPaket CSS: Ein neuer CSS -Parser, Transformator und Minifier, ein neuer CSS -Parser. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!