Skip to content

CSS Bundling

September 29, 2023
December 21, 2015

If the CSS preprocessor supports @import node_modules, it supports bundling.

Why I don’t use CSS preprocessors | 456 Berea Street
Deconfusing Pre- and Post-processing – Stefan Baumgartner – Medium
The Power of CSS Processors in Web Applications Development - Codica

BazaarJS: CSS pre and post processors

CSScomb: Makes your code beautiful

Minifier

css-minification-benchmark results

jakubpawlowicz/clean-css: A fast, efficient, and well tested CSS minifier for node.js.
cssnano: A modular minifier based on the PostCSS ecosystem

purifycss/purifycss: Remove unused CSS. Also works with single-page apps.
How Do You Remove Unused CSS From a Site? | CSS-Tricks

Stylable

Welcome to Stylable - CSS for Components
Stylable: the good, the bad, the weird - Insightful Software

CSS-in-JS: FTW || WTF? | CSS-Tricks
PotatoBruce - A Stylable.io Demo

CSS Blocks

CSS Blocks

Rework

rework API and sethvincent/rework-npm-cli
Rework is a framework for CSS preprocessing (like Broswerify), it provides api that support @import node_modules folder and bundling.

Using rework-npm for bundling css from npm along with myth and clean-css | makerlog
Using npm on the client side | dontkry.com

Myth

Myth - CSS the way it was imagined. API and CLI

Based on Rework, use future CSS spec today (like Babel for JavaScript)

resin

topcoat/resin: A future facing CSS preprocessor made with rework

PostCSS

Convert CSS to AST and manipulate with JavaScript plugins

PostCSS - a tool for transforming CSS with JavaScript
postcss/postcss API and CLI
PostCSS.parts | A searchable catalog of PostCSS plugins
postcss-preset-env
A notice to cssnext users · Issue #32 · csstools/postcss-preset-env

cssnext - Use tomorrow’s CSS syntax, today.
Deprecating cssnext

PostCSS Deep Dive - Envato Tuts+ Web Design Tutorials
Some things you may think about PostCSS... and you might be wrong - @juliancwirko
It's Time for Everyone to Learn About PostCSS | David Clark Develops the Web

An Introduction to PostCSS — SitePoint
From Sass to PostCSS by Tyler Gaw
Getting started with PostCSS: A quick guide for Sass users — Medium
The End of Global CSS — SEEK UI Engineering — Medium

css-modules/css-modules: Documentation about css-modules
css-modules/css-modulesify: A browserify plugin to load CSS Modules
ruanyf/css-modules-demos: a collection of simple demos of CSS Modules
What are CSS Modules and why do we need them? | CSS-Tricks
CSS Modules by Example
Getting Started with CSS Modules | CSS-Tricks
CSS Modules and React | CSS-Tricks

npm-css

defunctzombie/npm-css

Pure bundler

Other Preprocessors

Blog â—© CSS PREprocessors
Compare â—© CSS PREprocessors

less/less.js
LESSTESTER - Less Sandbox

Sass Compatibility
Sass cheatsheet
SassMeister | The Sass Playground!

Improving Your CSS with Parker – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts

Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks