{"id":22522,"library":"unplugin-solid-styled","title":"unplugin-solid-styled","description":"Unplugin-based build tool integration for solid-styled, providing Vite, Rollup, esbuild, and Webpack support. Current stable version 0.12.1, maintained with active releases. Unlike manual configuration, it auto-detects solid-styled's compile-time CSS extraction and injection across bundlers. Provides type-safe plugin options via TypeScript declarations. Key differentiators: zero-config for solid-styled, supports all major bundlers via unplugin architecture.","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 unplugin-solid-styled","lang":"bash","label":"npm"},{"cmd":"yarn add unplugin-solid-styled","lang":"bash","label":"yarn"},{"cmd":"pnpm add unplugin-solid-styled","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency; core CSS-in-JS runtime and compile API","package":"solid-styled","optional":false},{"reason":"peer dependency for Vite support; optional if using other bundlers","package":"vite","optional":true}],"imports":[{"note":"Plugin is ESM-only; require() fails unless using dynamic import in CJS.","wrong":"const solidStyledPlugin = require('unplugin-solid-styled')","symbol":"default","correct":"import solidStyledPlugin from 'unplugin-solid-styled'"},{"note":"Explicit /vite export ensures correct bundler integration; default import may not resolve correctly in some setups.","wrong":"import solidStyledPlugin from 'unplugin-solid-styled'","symbol":"vite","correct":"import solidStyledPlugin from 'unplugin-solid-styled/vite'"},{"note":"Use the esbuild subpath to avoid bundler mismatch.","wrong":"import solidStyledPlugin from 'unplugin-solid-styled'","symbol":"esbuild","correct":"import solidStyledPlugin from 'unplugin-solid-styled/esbuild'"}],"quickstart":{"code":"// vite.config.ts\nimport { defineConfig } from 'vite';\nimport solidStyledPlugin from 'unplugin-solid-styled/vite';\n\nexport default defineConfig({\n  plugins: [\n    solidStyledPlugin()\n  ]\n});\n\n// Component\nimport { styled } from 'solid-styled';\nconst Button = styled('button')`\n  background: blue;\n  color: white;\n`;\n","lang":"typescript","description":"Shows Vite integration with unplugin-solid-styled and a basic solid-styled component."},"warnings":[{"fix":"Use 'unplugin-solid-styled/<bundler>' to avoid bundler detection issues.","message":"Import from wrong subpath","severity":"gotcha","affected_versions":">=0.10"},{"fix":"Upgrade to >=0.10 and use subpath imports.","message":"Version 0.9 used default export without subpath","severity":"deprecated","affected_versions":"<0.10"}],"env_vars":null,"search_vec":"'0.12.1':25 'across':48 'activ':28 'architectur':74 'auto':35 'auto-detect':34 'base':7 'build':8 'bundler':49,71 'compil':42 'compile-tim':41 'config':63 'configur':32 'css':44 'current':22 'declar':58 'detect':36 'differenti':60 'esbuild':18 'extract':45 'inject':47 'integr':10 'javascript':75 'key':59 'maintain':26 'major':70 'manual':31 'option':55 'plugin':54 'pridepack':76 'provid':15,50 'releas':29 'rollup':17 'safe':53 'solid':3,13,38,66 'solid-styl':12,37,65 'stabl':23 'style':4,14,39,67 'support':21,68 'time':43 'tool':9 'type':52 'type-saf':51 'typescript':57,77 'unlik':30 'unplugin':2,6,73 'unplugin-bas':5 'unplugin-solid-styl':1 'version':24 'via':56,72 'vite':16 'webpack':20 'zero':62 'zero-config':61","created_at":"2026-04-27T17:05:37.327735+00:00","updated_at":"2026-04-27T17:05:37.327735+00:00","problems":[{"fix":"Use dynamic import: const solidStyledPlugin = (await import('unplugin-solid-styled')).default;","cause":"Using require() in a CJS context without dynamic import.","error":"Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'unplugin-solid-styled'"},{"fix":"Import from the correct subpath: import solidStyledPlugin from 'unplugin-solid-styled/vite';","cause":"Incorrect bundler subpath; default import might be an object with a function property.","error":"TypeError: solidStyledPlugin is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":"https://github.com/lxsmnsyc/solid-styled","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/unplugin-solid-styled","openapi_spec":null,"status_page":null,"smithery":null,"categories":["web-framework","devops","type-stubs"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-18","next_check":"2026-07-26","install_tag":null}}