Vite plugin to inline CSS Modules for dynamically imported code.
npm install vite-plugin-lazy-css-modules-inlinerNote: A Russian version of this README is available below.
A Vite plugin that enables true on-demand CSS for dynamically imported code by virtualizing CSS Modules. It prevents lazy components' styles from being bundled into the page CSS and injects them only when the corresponding JS is actually used.
npm i vite-plugin-lazy-css-modules-inliner --save-dev
Example of usages see in section Examples.
- Vite (vanilla)
- CSS-modules
- Astro + Vite
- React / Vue / Svelte — when styles are imported as external *.module.css
Limitations: native SFC styles (