jsx-scoped

jsx-scopedVue-like scoped styles for JSX/TSX

组件级样式隔离工具链 —— React / Solid / Vue JSX / 任意 JSX 应用通用（babel 注入 · postcss 追加 · vite 编排）

快速开始
API 参考

  • 组件级 scoped 样式

    组件文件路径 → data-v-{hash}，scoped 规则只命中本组件 DOM，不泄漏

  • 框架无关

    纯 JSX AST 注入，React / Solid / Vue JSX / md 生成的 TSX 通用

  • 组件 scoped 与 direct-scoped

    scopedId 实现 child-root 继承；变量当原生标签用 direct-scoped 按 DOM 处理

  • 三包分层

    plugin-jsx-scoped / postcss-jsx-scoped / vite-plugin-jsx-scoped

  • 虚拟 css 模块

    交给 Vite 原生管线——dev 注入、HMR、build 产物全部开箱即用

  • 可编程复用

    JsxScopedPipeline + 会话 registry，可在任意生成代码场景单独调用