{"id":21978,"library":"rollup-plugin-css-porter","title":"rollup-plugin-css-porter","description":"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.","status":"deprecated","version":"1.0.2","language":"javascript","source_language":"en","source_url":"https://github.com/RJHwang/rollup-plugin-css-porter","tags":["javascript","rollup","rollup-plugin","css"],"install":[{"cmd":"npm install rollup-plugin-css-porter","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-css-porter","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-css-porter","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Used for CSS minification","package":"clean-css","optional":true}],"imports":[{"note":"Default export only; CommonJS require works but is discouraged.","wrong":"const css = require('rollup-plugin-css-porter')","symbol":"css","correct":"import css from 'rollup-plugin-css-porter'"}],"quickstart":{"code":"import { rollup } from 'rollup';\nimport css from 'rollup-plugin-css-porter';\n\nrollup({\n  input: 'main.js',\n  plugins: [ css({ raw: 'styles.css', minified: 'styles.min.css' }) ]\n}).then(bundle => {\n  bundle.write({ format: 'es', file: 'bundle.js' });\n});","lang":"javascript","description":"Configures rollup-plugin-css-porter to output both raw and minified CSS files."},"warnings":[{"fix":"Upgrade to a maintained CSS plugin like rollup-plugin-postcss or rollup-plugin-styles.","message":"Plugin version 1.x only supports Rollup 1.0.0+. It will not work with Rollup 2.x or 3.x.","severity":"breaking","affected_versions":"1.0.0"},{"fix":"Use an alternative like @rollup/plugin-postcss or rollup-plugin-styles.","message":"Package is no longer maintained; last publish was in 2019.","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"For advanced CSS processing, switch to rollup-plugin-postcss.","message":"The plugin does not support CSS modules, PostCSS, or CSS-in-JS. It merely concatenates raw CSS files.","severity":"gotcha","affected_versions":">=0.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-porter`.","cause":"Package not installed or not listed in dependencies.","error":"Error: Cannot find module 'rollup-plugin-css-porter'"},{"fix":"Use `import css from 'rollup-plugin-css-porter'` instead of `import { css } from ...`.","cause":"Importing default export incorrectly (e.g., using named import).","error":"TypeError: css is not a function"},{"fix":"Ensure plugins array contains `css()` (function call), not `css` (reference).","cause":"Missing parentheses when calling css() in plugins array.","error":"Error: [object Object] is not a valid plugin"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}