{"id":22226,"library":"rollup-plugin-solid-styled","title":"rollup-plugin-solid-styled","description":"Rollup plugin for solid-styled, a CSS-in-JS library for SolidJS. Version 0.12.1 is current. It integrates solid-styled's extraction with Rollup's build pipeline. Compared to manual setups, it automates style extraction and injection during bundling. Requires rollup >=3 and solid-styled >=0.9. TypeScript types included.","status":"active","version":"0.12.1","language":"javascript","source_language":"en","source_url":"https://github.com/lxsmnsyc/solid-styled","tags":["javascript","pridepack","typescript"],"install":[{"cmd":"npm install rollup-plugin-solid-styled","lang":"bash","label":"npm"},{"cmd":"yarn add rollup-plugin-solid-styled","lang":"bash","label":"yarn"},{"cmd":"pnpm add rollup-plugin-solid-styled","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Peer dependency; Rollup >=3 required","package":"rollup","optional":false},{"reason":"Peer dependency; solid-styled >=0.9 required","package":"solid-styled","optional":false}],"imports":[{"note":"Default export; also available as named export 'solidStyled'","symbol":"solidStyled","correct":"import solidStyled from 'rollup-plugin-solid-styled'"},{"note":"ESM-only package; CommonJS require not supported. Use dynamic import() if needed.","wrong":"const solidStyled = require('rollup-plugin-solid-styled')","symbol":"solidStyled","correct":"import { solidStyled } from 'rollup-plugin-solid-styled'"},{"note":"TypeScript type; remove 'type' in value context","wrong":"import { SolidStyledOptions } from 'rollup-plugin-solid-styled' (without 'type')","symbol":"SolidStyledOptions","correct":"import type { SolidStyledOptions } from 'rollup-plugin-solid-styled'"}],"quickstart":{"code":"import solidStyled from 'rollup-plugin-solid-styled';\nimport { defineConfig } from 'rollup';\n\nexport default defineConfig({\n  input: 'src/index.tsx',\n  plugins: [\n    solidStyled({\n      filter: {\n        include: 'src/**/*.tsx',\n        exclude: 'node_modules/**'\n      }\n    })\n  ],\n  output: {\n    dir: 'dist',\n    format: 'es'\n  }\n});","lang":"typescript","description":"Rollup configuration with solid-styled plugin for extracting CSS from SolidJS components."},"warnings":[{"fix":"Upgrade Rollup to version 3 or later.","message":"Does not support Rollup 2; requires Rollup >=3.0.0","severity":"breaking","affected_versions":"<0.10.0"},{"fix":"Order plugins correctly: solid-styled should run after JSX transform but before code minification.","message":"Plugin must be placed before other transforms that might interfere with JSX parsing.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Set 'jsx' to 'preserve' in tsconfig and let solid-styled process JSX.","message":"When using TypeScript, ensure tsconfig has 'jsx' set to 'preserve' and solid-styled's plugin handles JSX. Otherwise, styles may not be extracted.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Use single string pattern; for multiple patterns, combine with glob or upgrade to next major.","message":"The 'filter' option's 'include' and 'exclude' accept only string patterns; array syntax deprecated.","severity":"deprecated","affected_versions":">=0.12.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 rollup-plugin-solid-styled' and ensure import path is correct.","cause":"Package not installed or incorrect import path.","error":"Error: Cannot find module 'rollup-plugin-solid-styled'"},{"fix":"Add solidStyled() to Rollup plugins array with appropriate filter.","cause":"Solid-styled plugin not applied to JSX files.","error":"Error: RollupError: Unexpected token (Note that you need plugins to import files that are not JavaScript)"},{"fix":"Use 'import solidStyled from 'rollup-plugin-solid-styled'' or 'import { solidStyled } from 'rollup-plugin-solid-styled''.","cause":"CommonJS require used instead of ESM import.","error":"TypeError: solidStyled is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}