{"library":"rollup-plugin-css-chunks","title":"rollup-plugin-css-chunks","description":"A Rollup plugin that extracts imported CSS files into separate output chunks, enabling code splitting of stylesheets alongside JavaScript. Version 2.0.3 requires Rollup >=2.29.0. Key differentiators include support for CSS sourcemaps, configurable chunk naming, and optional CSS @import injection for dependency ordering. It works with Rollup's code-splitting output to produce CSS files per entry or async chunk, complementing rollup-plugin-extract-bundle-tree for JS/CSS chunk dependency mapping.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-css-chunks"],"cli":null},"imports":["import css from 'rollup-plugin-css-chunks';","import css_chunk_url from './home.css';","import type { RollupPluginCssChunksOptions } from 'rollup-plugin-css-chunks';"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport css from 'rollup-plugin-css-chunks';\n\nexport default {\n  input: 'src/main.js',\n  output: {\n    dir: 'public',\n    format: 'esm'\n  },\n  plugins: [\n    css({\n      chunkFileNames: '[name]-[hash].css',\n      entryFileNames: '[name].css',\n      sourcemap: false,\n      emitFiles: true\n    })\n  ]\n};","lang":"javascript","description":"Basic Rollup configuration using rollup-plugin-css-chunks to emit CSS files per entry and async chunks.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}