{"library":"rollup-plugin-import-css","title":"rollup-plugin-import-css","description":"A lightweight Rollup plugin (v4.2.1) for importing CSS into JavaScript via ES module syntax. Supports three import forms: side-effect imports to extract CSS into an external bundle, named imports to get CSS as a string, and import attributes to get a CSSStyleSheet. Features include minification, CSS Modules, runtime injection, preserveModules compatibility, and output file configuration. Differentiators include small size, import-order preservation, and no built-in Sass/Less processing (offers transform function instead). Requires Rollup ^2.x || ^3.x || ^4.x and Node >=16.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-import-css"],"cli":null},"imports":["import css from 'rollup-plugin-import-css'","import type { Plugin } from 'rollup'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport css from 'rollup-plugin-import-css';\n\nexport default {\n  input: 'src/index.js',\n  output: { file: 'dist/bundle.js', format: 'esm' },\n  plugins: [\n    css({\n      output: 'dist/styles.css',\n      minify: true,\n      modules: false,\n      inject: false,\n      alwaysOutput: false\n    })\n  ]\n};\n\n// src/index.js\nimport './styles.css'; // extracts to dist/styles.css\nimport styles from './other.css'; // imports as string\nimport sheet from './sheet.css' with { type: 'css' }; // CSSStyleSheet (Rollup 3+)","lang":"typescript","description":"Shows configuration with options (output, minify) and all three CSS import forms.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}