Paket-CSS: Ein neuer CSS-Parser, Transformer und Minifier, ein neuer CSS-Parser | CSS-Tricks

Druckfrisch von Devon Govett, dem Schöpfer von Parcel, ist Paket-CSS:

Ein in Rust geschriebener CSS-Parser, Transformer und Minifier.

Schön. Die CSS-Welt könnte eine kleine Aufarbeitung wie diese gebrauchen.

Ich habe erst vor ein paar Wochen geschrieben:

Weißt du wie bauen hat die Dinge für die JavaScript-Verarbeitungswelt ernsthaft durcheinander gebracht? Vielleicht brauchen wir einen CSS-Build? Es würde Importe verarbeiten und bündeln (etwas, wofür wir uns im Allgemeinen auf Sass verlassen). Der Punkt wäre extreme Geschwindigkeit. Vielleicht wäre es Plugin-basiert und mit der PostCSS-API kompatibel, sodass vorhandene PostCSS-Plugins darauf funktionieren würden. Vielleicht könnte es Sourcemaps erstellen und Änderungen vornehmen. Vielleicht würde es auch deinen Sass laufen lassen, keine Ahnung. Aber etwas, um das CSS-Ökosystem so zu entfachen, könnte cool sein.

Es sieht so aus als ob nicht bündeln (sowieso eigenständig). Ich nehme an, es müsste dafür einfach eine Syntax erfinden, da ich denke, Sass bedauert die Mehrdeutigkeit seiner Verwendung etwas @import genau wie natives CSS und ich würde niemandem die Schuld geben, dass er diesen Weg nicht gehen möchte. Es ist sicherlich ein schwieriges Terrain, da die Erfindung der Syntax sie in eine andere Kategorie von Werkzeugen einordnet. Ich denke, es würde sich jedoch lohnen, da CSS in kleinere Dateien aufzuteilen, aber in der Entwicklung zu bündeln ist wie … etwas, was die Leute tun.

Warum also Ihr CSS durch dieses Ding laufen lassen? Aus den Dokumenten sieht es so aus, als würden Sie das tun wollen, weil …

  • es ist ein Minifikator (sieht aus, als wäre es Cssnano unter der Haube),
  • es macht Hersteller-Präfixe (sieht aus, als wäre es Autoprefixer unter der Haube),
  • es kann als CSS-Module verarbeitet werden (die klassische Bibliothek, nicht die Einheimischen) und
  • Sie erhalten Sourcemaps.

Aber es scheint, als ob sie die Killer-Paket-CSS-Funktion nennen “Syntax-Absenkung“, was bedeutet, dass Sie heute „zukünftiges“ CSS verwenden können (z.

Schleppliniendiagramme zeigen, wie schnell Parcel CSS Pakete bündelt und wie klein die resultierenden Dateien sind.
Paket-CSS ist schnell und Ausgänge klein Dateien. (Quelle: @devongovett)

Ich habe keine Ahnung, was das Syntax-Senkungs-Bit antreibt, obwohl es sich im Geiste ähnlich anfühlt wie postcss-preset-env. Ich bin mir nicht sicher, ob das gehebelt wird oder nicht. Ich denke, PostCSS ist für den verwendeten Autoprefixer erforderlich, also vielleicht? Ich sehe es einfach nicht in der package.json.

Wird Parcel CSS zu einem Ökosystem?

Also ich denke die große Frage ist: Wenn Parcel CSS der CSS-Parser der Wahl wird, erhalten wir dann Plugins? Und wenn wir das tun, wird es ein robustes Ökosystem? wie PostCSS-Plugins?

Thanks for Reading

Enjoyed this post? Share it with your networks.

Get more stuff

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Leave a Feedback!