Registry / web-framework / rollup-plugin-css-bundle

rollup-plugin-css-bundle

library1.0.4jsnpmunverified

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.

web-framework

npm install rollup-plugin-css-bundle

github ↗package ↗

INSTALL

IMPORT

SIG · ROLLUP-PLUGIN-CSS-

rollup-plugin-css-bundle

web-frameworkjavascriptv1.0.4

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import cssbundle from 'rollup-plugin-css-bundle'

✗ const cssbundle = require('rollup-plugin-css-bundle')

ESM default import is idiomatic; CJS require works but may not be typical in Rollup configs.

Shows minimal usage of rollup-plugin-css-bundle in a Rollup config to bundle all imported CSS into an external file.

// rollup.config.js import cssbundle from 'rollup-plugin-css-bundle'; export default { input: 'src/index.js', output: { file: 'dist/bundle.js', format: 'cjs', }, plugins: [cssbundle()], };

Debug

Known issues

gotchaPlugin does not generate CSS source maps.

fix

Use an alternative plugin like rollup-plugin-postcss if source maps are needed.

affects: >=1.0.0

gotchaPlugin only extracts CSS into a separate file; it does not inline CSS into JavaScript.

fix

If you need inline CSS, use rollup-plugin-postcss or rollup-plugin-styles.

affects: >=1.0.0

gotchaCSS import order is preserved but may depend on module resolution order.

fix

Ensure CSS imports are ordered explicitly by importing the CSS files in the desired sequence.

affects: >=1.0.0

Errors

Common errors & fixes

Error: Cannot find module 'rollup-plugin-css-bundle'

Plugin not installed as a dev dependency.

fix

Run: npm install --save-dev rollup-plugin-css-bundle

TypeError: cssbundle is not a function

Default import used incorrectly; require returns an object.

fix

Use import cssbundle from 'rollup-plugin-css-bundle' or const cssbundle = require('rollup-plugin-css-bundle').default

Upgrade

Version history

1.0.4latest on npm

Audit

Dependencies

No dependency data recorded yet.

Agent activity

4 hits · last 30 days

node

Resources

githubhttps://github.com/Evercoder/rollup-plugin-css-bundle ↗

packagehttps://www.npmjs.com/package/rollup-plugin-css-bundle ↗