Registry / web-framework / unplugin-solid-styled

unplugin-solid-styled

library0.12.1jsnpmunverified

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.

web-framework devops type-stubs

npm install unplugin-solid-styled

github ↗package ↗

INSTALL

IMPORT

SIG · UNPLUGIN-SOLID-STY

unplugin-solid-styled

web-frameworkjavascriptv0.12.1

Install

—

Import

—

Disk

—

Pass rate

0/ 6

Env Coverage0 / 6

glibc

18–22

musl

18–22

Install & Compatibility

Where this runs

tested against v? · npm install

Install × environment matrix

Each cell = how many times install + import succeeded across repeated harness runs. Partial = flaky.
glibc = Debian/Ubuntu slim · musl = Alpine Linux

musl

node 18–223 runs

build_error

glibc

node 18–223 runs

build_error

Code

Verified usage

Verified import paths — ran on the pinned version, not inferred.

default

✓ import solidStyledPlugin from 'unplugin-solid-styled'

✗ const solidStyledPlugin = require('unplugin-solid-styled')

Plugin is ESM-only; require() fails unless using dynamic import in CJS.

vite

✓ import solidStyledPlugin from 'unplugin-solid-styled/vite'

✗ import solidStyledPlugin from 'unplugin-solid-styled'

Explicit /vite export ensures correct bundler integration; default import may not resolve correctly in some setups.

esbuild

✓ import solidStyledPlugin from 'unplugin-solid-styled/esbuild'

✗ import solidStyledPlugin from 'unplugin-solid-styled'

Use the esbuild subpath to avoid bundler mismatch.

Shows Vite integration with unplugin-solid-styled and a basic solid-styled component.

// vite.config.ts import { defineConfig } from 'vite'; import solidStyledPlugin from 'unplugin-solid-styled/vite'; export default defineConfig({ plugins: [ solidStyledPlugin() ] }); // Component import { styled } from 'solid-styled'; const Button = styled('button')` background: blue; color: white; `;

Debug

Known issues

gotchaImport from wrong subpath

fix

Use 'unplugin-solid-styled/<bundler>' to avoid bundler detection issues.

affects: >=0.10

deprecatedVersion 0.9 used default export without subpath

fix

Upgrade to >=0.10 and use subpath imports.

affects: <0.10

Errors

Common errors & fixes

Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'unplugin-solid-styled'

Using require() in a CJS context without dynamic import.

fix

Use dynamic import: const solidStyledPlugin = (await import('unplugin-solid-styled')).default;

TypeError: solidStyledPlugin is not a function

Incorrect bundler subpath; default import might be an object with a function property.

fix

Import from the correct subpath: import solidStyledPlugin from 'unplugin-solid-styled/vite';

Upgrade

Version history

0.12.1latest on npm

Audit

Dependencies

solid-styledrequiredpeer dependency; core CSS-in-JS runtime and compile API

viteoptionalpeer dependency for Vite support; optional if using other bundlers

Agent activity

39 hits · last 30 days

node

OpenAI (training)

Resources

githubhttps://github.com/lxsmnsyc/solid-styled ↗

packagehttps://www.npmjs.com/package/unplugin-solid-styled ↗