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

rollup-plugin-css-porter

library1.0.2jsnpmunverified

A Rollup plugin that collects all CSS imported via JavaScript (e.g., `import './my.css'`) and outputs them to a standalone CSS file. It optionally generates a minified version using clean-css. The plugin is version 1.0.2, last released in 2019, and supports Rollup 1.x. It is not actively maintained and lacks modern features like CSS modules or PostCSS integration, making it suitable only for simple bundling needs. Differentiators: simple API, built-in minification via clean-css, and configurable output paths.

web-framework http-networking

npm install rollup-plugin-css-porter

github ↗package ↗

INSTALL

IMPORT

SIG · ROLLUP-PLUGIN-CSS-

rollup-plugin-css-porter

web-frameworkjavascriptv1.0.2

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.

css

✓ import css from 'rollup-plugin-css-porter'

✗ const css = require('rollup-plugin-css-porter')

Default export only; CommonJS require works but is discouraged.

Configures rollup-plugin-css-porter to output both raw and minified CSS files.

import { rollup } from 'rollup'; import css from 'rollup-plugin-css-porter'; rollup({ input: 'main.js', plugins: [ css({ raw: 'styles.css', minified: 'styles.min.css' }) ] }).then(bundle => { bundle.write({ format: 'es', file: 'bundle.js' }); });

Debug

Known issues

breakingPlugin version 1.x only supports Rollup 1.0.0+. It will not work with Rollup 2.x or 3.x.

fix

Upgrade to a maintained CSS plugin like rollup-plugin-postcss or rollup-plugin-styles.

affects: 1.0.0

deprecatedPackage is no longer maintained; last publish was in 2019.

fix

Use an alternative like @rollup/plugin-postcss or rollup-plugin-styles.

affects: >=0.0.0

gotchaThe plugin does not support CSS modules, PostCSS, or CSS-in-JS. It merely concatenates raw CSS files.

fix

For advanced CSS processing, switch to rollup-plugin-postcss.

affects: >=0.0.0

Errors

Common errors & fixes

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

Package not installed or not listed in dependencies.

fix

Run `npm install --save-dev rollup-plugin-css-porter`.

TypeError: css is not a function

Importing default export incorrectly (e.g., using named import).

fix

Use `import css from 'rollup-plugin-css-porter'` instead of `import { css } from ...`.

Error: [object Object] is not a valid plugin

Missing parentheses when calling css() in plugins array.

fix

Ensure plugins array contains `css()` (function call), not `css` (reference).

Upgrade

Version history

1.0.2latest on npm

Audit

Dependencies

clean-cssoptionalUsed for CSS minification

Agent activity

7 hits · last 30 days

node

Resources

githubhttps://github.com/RJHwang/rollup-plugin-css-porter ↗

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