Marketing lite CSS 1.2.2

Erzeugen Sie ein kleineres CSS-Subset für Marketing-Seiten. Kombinieren Sie es mit lazy geladenen Web Components oder bootFromDOM, statt das vollständige JS-Bundle auszuliefern. English

Build

velinstyle build --preset lite -o ./velinstyle-lite.css --minify

Enthaltene Layer: tokens, reset, base, layout, components, utilities. Alternativ setzen Sie preset: 'lite' in velinstyle.config.js.

Messen

Vergleichen Sie nach velinstyle build --preset lite --minify die Ausgabe mit dist/velinstyle.min.css. In 1.2.0 liegt ein typisches Minify-Ergebnis bei ca. 140 KB lite gegenüber ca. 162 KB full (~87%). Die CLI gibt beide Größen aus und warnt, wenn lite nicht kleiner ist. Für JavaScript bevorzugen Sie Runtime-Tree-Shaking.

Weiterführend

Landing in 15 Minuten
CLI — build --preset lite, doctor, serve