SuperflyCSS CLI Neue Bereitstellungsfunktion

Foto von Sharon McCutcheon auf Unsplash

Überblick

Wie bereits erwähnt, können SuperflyCSS-Builds sehr groß werden:

Daher verwendet die CLI das PostCSS-Plugin uncss, um CSS-Selektoren nach den Dateien / src / test / html zu filtern, und kann das gefilterte Ergebnis auch minimieren. Ich habe gerade einen Bereitstellungsbefehl hinzugefügt, mit dem die minimierte CSS-Datei mit den HTML-Testseiten verglichen werden kann.

Probefahrt

Um es in Aktion zu sehen, versuchen Sie Folgendes:

git clone @ superflycss / cli
cd cli
npm i -g
Git-Klon git@github.com: superflycss / component-test.git
CD-Komponententest
sfc bereitstellen

Der Befehl erstellt und minimiert das CSS und kopiert es in das Bereitstellungs-Stammverzeichnis des Projekts, in dem es mit Browsersync zur sofortigen Anzeige und Überprüfung bereitgestellt wird.