Marketing lite CSS 1.2.2

Build a smaller CSS subset for marketing pages. Pair with lazy Web Components / bootFromDOM instead of the full JS bundle. Deutsch

Build

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

Layers: tokens, reset, base, layout, components, utilities. Or set preset: 'lite' in velinstyle.config.js.

For go-live with content-aware trim (CSS + JS + themes + icons), prefer Production Builder: velinstyle build --production.

Measure

After velinstyle build --preset lite --minify, compare output to dist/velinstyle.min.css. In 1.2.0 a typical minify result is ≈ 140 KB lite vs ≈ 162 KB full (~87%). The CLI prints both sizes and warns if lite is not smaller. Prefer runtime tree-shaking for JS.

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

Marketing lite CSS 1.2.2

Build

Measure

Related