Registry / web-framework / rollup-plugin-solid-styled

rollup-plugin-solid-styled

library0.12.1jsnpmunverified

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.

web-framework

npm install rollup-plugin-solid-styled

github ↗package ↗

INSTALL

IMPORT

SIG · ROLLUP-PLUGIN-SOLI

rollup-plugin-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.

solidStyled

✓ import solidStyled from 'rollup-plugin-solid-styled'

Default export; also available as named export 'solidStyled'

solidStyled

✓ import { solidStyled } from 'rollup-plugin-solid-styled'

✗ const solidStyled = require('rollup-plugin-solid-styled')

ESM-only package; CommonJS require not supported. Use dynamic import() if needed.

SolidStyledOptions

✓ import type { SolidStyledOptions } from 'rollup-plugin-solid-styled'

✗ import { SolidStyledOptions } from 'rollup-plugin-solid-styled' (without 'type')

TypeScript type; remove 'type' in value context

Rollup configuration with solid-styled plugin for extracting CSS from SolidJS components.

import solidStyled from 'rollup-plugin-solid-styled'; import { defineConfig } from 'rollup'; export default defineConfig({ input: 'src/index.tsx', plugins: [ solidStyled({ filter: { include: 'src/**/*.tsx', exclude: 'node_modules/**' } }) ], output: { dir: 'dist', format: 'es' } });

Debug

Known issues

breakingDoes not support Rollup 2; requires Rollup >=3.0.0

fix

Upgrade Rollup to version 3 or later.

affects: <0.10.0

gotchaPlugin must be placed before other transforms that might interfere with JSX parsing.

fix

Order plugins correctly: solid-styled should run after JSX transform but before code minification.

affects: >=0.0.0

gotchaWhen using TypeScript, ensure tsconfig has 'jsx' set to 'preserve' and solid-styled's plugin handles JSX. Otherwise, styles may not be extracted.

fix

Set 'jsx' to 'preserve' in tsconfig and let solid-styled process JSX.

affects: >=0.0.0

deprecatedThe 'filter' option's 'include' and 'exclude' accept only string patterns; array syntax deprecated.

fix

Use single string pattern; for multiple patterns, combine with glob or upgrade to next major.

affects: >=0.12.0

Errors

Common errors & fixes

Error: Cannot find module 'rollup-plugin-solid-styled'

Package not installed or incorrect import path.

fix

Run 'npm install rollup-plugin-solid-styled' and ensure import path is correct.

Error: RollupError: Unexpected token (Note that you need plugins to import files that are not JavaScript)

Solid-styled plugin not applied to JSX files.

fix

Add solidStyled() to Rollup plugins array with appropriate filter.

TypeError: solidStyled is not a function

CommonJS require used instead of ESM import.

fix

Use 'import solidStyled from 'rollup-plugin-solid-styled'' or 'import { solidStyled } from 'rollup-plugin-solid-styled''.

Upgrade

Version history

0.12.1latest on npm

Audit

Dependencies

rolluprequiredPeer dependency; Rollup >=3 required

solid-styledrequiredPeer dependency; solid-styled >=0.9 required

Agent activity

12 hits · last 30 days

node

Resources

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

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