{"library":"rollup-styles","title":"rollup-styles","description":"Universal Rollup plugin for processing CSS and preprocessor files (PostCSS, Sass, Less, Stylus). Current stable version is v1.5.0 (v2.0.0 available but may have breaking changes). Supports CSS Modules, URL resolving/rewriting with asset handling, and @import in regular CSS. Modes: inject (default, CSS embedded in JS), extract (separate CSS files), emit (pass through for other plugins). Automatic PostCSS config loading. Ships TypeScript types. Alternative to rollup-plugin-postcss or rollup-plugin-css-only.","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-styles"],"cli":null},"imports":["import styles from 'rollup-styles'","const plugin = styles({ /* options */ })","import style from './style.css'","import { css } from './style.css'","import type { RollupStylesOptions } from 'rollup-styles'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport styles from 'rollup-styles';\n\nexport default {\n  output: {\n    assetFileNames: '[name]-[hash][extname]',\n  },\n  plugins: [styles({\n    mode: 'inject', // 'inject' | 'extract' | 'emit'\n    // For PostCSS:\n    // postcss: { plugins: [require('autoprefixer')] },\n    // For Sass:\n    // sass: { includePaths: ['node_modules'] },\n    // CSS Modules:\n    // modules: true,\n  })],\n};\n\n// In your code:\nimport style from './style.css';\nconsole.log(style); // CSS string string\n\n// Named export for CSS string:\nimport { css } from './style.css';\nconsole.log(css);","lang":"typescript","description":"Basic rollup-styles configuration with mode options, and JS import of CSS as default or named export.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}