{"library":"rollup-plugin-styles","title":"rollup-plugin-styles","description":"Universal Rollup CSS processing plugin that supports PostCSS, Sass, Less, Stylus, CSS Modules, URL resolving, and assets. v4.0.0 requires Rollup ^2.63.0 and drops Node 12. Ships TypeScript types. Active development as of 2022. Differentiators: supports multiple preprocessors out-of-the-box, CSS Modules without extra config, and multiple modes (inject, extract, emit).","language":"javascript","status":"active","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-styles"],"cli":null},"imports":["import styles from 'rollup-plugin-styles'","import { styles } from 'rollup-plugin-styles'","import type { Options } from 'rollup-plugin-styles'"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport styles from 'rollup-plugin-styles';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    dir: 'dist',\n    format: 'esm',\n    assetFileNames: '[name]-[hash][extname]'\n  },\n  plugins: [\n    styles({\n      mode: 'inject',\n      modules: true,\n      sass: {\n        includePaths: ['node_modules', 'src/styles']\n      }\n    })\n  ]\n};\n\n// src/index.js\nimport style from './styles.scss';\nconsole.log(style); // class names if CSS Modules enabled","lang":"javascript","description":"Basic Rollup configuration with SCSS support and CSS Modules enabled.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}