{"library":"rollup-plugin-cssimport","title":"rollup-plugin-cssimport","description":"A Rollup plugin (v1.0.3, last updated 2021) that converts CSS imports into CSSStyleSheet objects for use with adoptedStyleSheets. It works natively in Chrome and requires a polyfill for other browsers. The plugin is deprecated in favor of rollup-plugin-import-assert, which aligns with modern web standards. Only supports global and element-level CSS imports; does not support CSS modules or custom transformations.","language":"javascript","status":"deprecated","last_verified":"Mon Apr 27","install":{"commands":["npm install rollup-plugin-cssimport"],"cli":null},"imports":["import cssimport from 'rollup-plugin-cssimport'","import style from './styles.css';\nconst sheet = new CSSStyleSheet();\nsheet.replaceSync(style);","document.adoptedStyleSheets = [sheet];"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// rollup.config.js\nimport cssimport from 'rollup-plugin-cssimport';\n\nexport default {\n  input: 'src/index.js',\n  output: {\n    file: 'dist/bundle.js',\n    format: 'iife'\n  },\n  plugins: [cssimport()]\n};\n\n// src/index.js\nimport style from './styles.css';\nconst sheet = new CSSStyleSheet();\nsheet.replaceSync(style);\ndocument.adoptedStyleSheets = [sheet];","lang":"javascript","description":"Basic Rollup config using the plugin, importing CSS and applying as an adopted stylesheet.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}