{"_id":"@10coding/vite-plugin-jsx-scoped","_rev":"6-27a0447b6bb53465596f34ba737f06be","name":"@10coding/vite-plugin-jsx-scoped","dist-tags":{"latest":"0.5.0"},"versions":{"0.1.0":{"name":"@10coding/vite-plugin-jsx-scoped","version":"0.1.0","license":"MIT","_id":"@10coding/vite-plugin-jsx-scoped@0.1.0","maintainers":[{"name":"scliuyilin","email":"scliuyilin@163.com"}],"dist":{"shasum":"fbe64d50e98dcf7db3eca38e872b1f3391c628f9","tarball":"https://registry.npmjs.org/@10coding/vite-plugin-jsx-scoped/-/vite-plugin-jsx-scoped-0.1.0.tgz","fileCount":9,"integrity":"sha512-yv44r1B/9TFguagGURGWqw77tD3oxGnwdxsR6hDHcnjMvmcSaTo4rlGpde7RGy0ShnczNWFziBYuPemrxGAW+w==","signatures":[{"sig":"MEUCIBybdz3FSH7ZVnSZvkmD7zbRXeKCnP+g2pMXHJ9hrEteAiEAwGat4s/mf6PEpyfV2YRK+027ZZhVYgLOdFuB3UzYjCI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":103112},"main":"./dist/index.cjs","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=18"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./client":{"types":"./client.d.ts"}},"scripts":{"build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"scliuyilin","email":"scliuyilin@163.com"},"description":"Vite plugin for Vue-like scoped styles in JSX/TSX (React): scopes *.scoped.{css,scss,less} imports and inline \n \n )\n}\n```\n\n## 配置\n\n```ts\ninterface JsxScopedViteOptions {\n /** 同一组件导入多个 scoped 资源时的覆盖风险警告，默认 true */\n warnMultiScopedImport?: boolean\n /** scope hash 位数（md5(组件绝对路径) 截取），默认 8 */\n scopeHashLength?: number\n /**\n * 组件 scoped：默认 true。\n * 给自定义组件标签注入 ；\n * 设为 false 则自定义组件标签不被注入任何属性。\n */\n componentScoped?: boolean\n /** 注入到自定义组件标签上的属性名，默认 'scopedId' */\n scopedIdAttributeName?: string\n /** 「变量当标签」marker 属性名，默认 'direct-scoped' */\n directScopedAttributeName?: string\n}\n```\n\n## 组件 scoped（child-root 继承）\n\n默认开启。自定义组件标签会收到 `scopedId=\"data-v-\"`，子组件\n**按需**自行绑定到根元素，父组件 scoped 样式即可命中子组件根元素\n（等价 Vue scoped 的 child-root 继承父级 scope id）：\n\n```tsx\n// Child.tsx —— 需要继承父级 scope 时手动绑定\nexport default function Child({ scopedId }: { scopedId?: string }) {\n return …
\n}\n```\n\n不需要继承的组件忽略该 prop 即可，零成本。\n\n## 行为与边界\n\n- 同一组件所有 scoped 资源共享同一 `data-v-{hash}`（种子 = 组件文件绝对路径）；\n- **同一份 `*.scoped.*` 文件被多个组件导入 → 构建直接报错**（组件私有资源）；\n- scss/less 里的 `@import` 由编译器内联，内联内容**不会**再被追加 scope\n （与 Vue scoped 一致）；`css.preprocessorOptions.*.additionalData` 照常生效；\n- 未命中标记的组件完全跳过，源码不被改写；\n- 内联 `