{"id":21973,"library":"rollup-plugin-css-bundle","title":"rollup-plugin-css-bundle","description":"A Rollup plugin that collects all imported CSS files and bundles them into a single external CSS file. Version 1.0.4 (latest as of 2023) is stable but unmaintained; no updates since 2019. It preserves CSS import order and supports include/exclude filters and a transform option (e.g., for PostCSS). Unlike alternatives like rollup-plugin-postcss, it does not generate source maps, inline CSS into JS, or handle CSS modules. Simple, single-purpose tool.","status":"maintenance","version":"1.0.4","language":"javascript","source_language":"en","source_url":"https://github.com/Evercoder/rollup-plugin-css-bundle","tags":["javascript","rollup-plugin","css"],"install":[{"cmd":"npm install rollup-plugin-css-bundle","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-css-bundle","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-css-bundle","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"ESM default import is idiomatic; CJS require works but may not be typical in Rollup configs.","wrong":"const cssbundle = require('rollup-plugin-css-bundle')","symbol":"default","correct":"import cssbundle from 'rollup-plugin-css-bundle'"}],"quickstart":{"code":"// rollup.config.js\nimport cssbundle from 'rollup-plugin-css-bundle';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    file: 'dist/bundle.js',\n    format: 'cjs',\n  },\n  plugins: [cssbundle()],\n};","lang":"javascript","description":"Shows minimal usage of rollup-plugin-css-bundle in a Rollup config to bundle all imported CSS into an external file."},"warnings":[{"fix":"Use an alternative plugin like rollup-plugin-postcss if source maps are needed.","message":"Plugin does not generate CSS source maps.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"If you need inline CSS, use rollup-plugin-postcss or rollup-plugin-styles.","message":"Plugin only extracts CSS into a separate file; it does not inline CSS into JavaScript.","severity":"gotcha","affected_versions":">=1.0.0"},{"fix":"Ensure CSS imports are ordered explicitly by importing the CSS files in the desired sequence.","message":"CSS import order is preserved but may depend on module resolution order.","severity":"gotcha","affected_versions":">=1.0.0"}],"env_vars":null,"last_verified":"2026-04-27T00:00:00.000Z","next_check":"2026-07-26T00:00:00.000Z","problems":[{"fix":"Run: npm install --save-dev rollup-plugin-css-bundle","cause":"Plugin not installed as a dev dependency.","error":"Error: Cannot find module 'rollup-plugin-css-bundle'"},{"fix":"Use import cssbundle from 'rollup-plugin-css-bundle' or const cssbundle = require('rollup-plugin-css-bundle').default","cause":"Default import used incorrectly; require returns an object.","error":"TypeError: cssbundle is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}