Paket CSS: Ein neuer CSS -Parser, Transformator und Minifier, ein neuer CSS -Parser

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!