# @42-central/vite-plugin-theme 中文文档
规范地址：https://npmcn.com/package/%4042-central/vite-plugin-theme/
版本：0\.26\.0
npm 元数据更新时间：2026-11-04T16:51:39.476Z
中文译文更新时间：2026-11-08T00:01:12.884Z
软件包许可：UNLICENSED
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%4042-central/vite-plugin-theme
原文对照：https://npmcn.com/package/%4042-central/vite-plugin-theme/?lang=original
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：16.1 kB，8 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：vite ^7\.0\.0 \|\| ^8\.0\.0
- 首次发布：2026-10-08T14:41:50.005Z
- 最新版本发布：2026-11-04T16:51:39.178Z
- 近 30 天下载量：1966（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：18（近 12 个月 18 个）
## 中文简介
将@42/ui-react的反FOUC主题 init脚本注入索引.html的Vite插件
## 安装
```sh
npm install @42-central/vite-plugin-theme
```
也可以使用：`pnpm add @42-central/vite-plugin-theme`、`yarn add @42-central/vite-plugin-theme`、`bun add @42-central/vite-plugin-theme`
## README
[](https://www.npmjs.com/package/@42-central/vite-plugin-theme) [](https://vite.dev/) 
[安装](https://npmcn.com/package/%4042-central/vite-plugin-theme/#readme-install) • 妇女 [使用量](https://npmcn.com/package/%4042-central/vite-plugin-theme/#readme-usage) • 妇女 [选项](https://npmcn.com/package/%4042-central/vite-plugin-theme/#readme-options) • 妇女 [**他们的博士们..**](https://42kit.dev/docs/theming)
* * *
停止的 Vite 插件 [`@42-central/ui-react`](https://www.npmjs.com/package/@42-central/ui-react) 应用程序在加载时闪出错误的主题。 里面放的是工具箱的主题动画脚本 在顶端 `` 内 `index.html`,两者中 `vite dev` 财务报告和审定财务报表 `vite build`。 。 。 .
## 为什么
`useTheme()` 存储访客的 `"light" | "dark" | "system"` 选择和选择 保留 `data-theme` 打开 `` 同步。 只有在第一次喷漆后才会反应, 虽然. 所以,没有帮助,一个黑暗模式的访客 看到一个光框之前 钩子赶上了.
在下一个.js, `` 覆盖从服务器渲染的漏洞。 一个虚拟 SPA 没有服务器渲染,所以脚本必须坐入 `index.html` 块 解析。 这不可能 `type="module"`,因为 Vite 推迟模块 剧本,而闪光又回来了. 此插件注入经典内线 `
```
剧本运行一次,没有收听者。 选择操作系统 装入后继续运行 `useTheme()`这是工作.
## 不使用维特?
这个 [反射读取](https://github.com/42staff/kit/blob/main/packages/react/README.md#vite-client-only-spa) 涵盖替代品:预建 `theme-init.js` 复制到 `public/`, (中文(简体) ), 或粘贴输出 `buildThemeInitScript()` 手边。 Next.js 应用程序使用 `` 换句话说.
## 链接
- [他们的文档](https://42kit.dev/docs/theming)
- [`@42-central/ui-react`](https://www.npmjs.com/package/@42-central/ui-react)
- [来源于 GitHub](https://github.com/42staff/kit/tree/main/packages/vite-plugin-theme)
## 常见问题
### @42-central/vite-plugin-theme 是什么？
将@42/ui-react的反FOUC主题 init脚本注入索引\.html的Vite插件
### 如何安装 @42-central/vite-plugin-theme？
在项目目录运行 npm install @42-central/vite-plugin-theme，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vite（^7\.0\.0 \|\| ^8\.0\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
### @42-central/vite-plugin-theme 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
### @42-central/vite-plugin-theme 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。
### @42-central/vite-plugin-theme 可以商用吗？
@42-central/vite-plugin-theme 使用 UNLICENSED 许可。作者声明为 UNLICENSED，即不授予公开使用许可（与公共领域的 Unlicense 不同）。使用前需获得作者授权。以上为概括，不构成法律意见，请以许可原文为准。
### @42-central/vite-plugin-theme 的下载量有多少？
根据 npm 官方下载统计，@42-central/vite-plugin-theme 在 2026/10/05 – 2026/11/03 这 30 天内被下载 1,966 次，日均约 66 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @42-central/vite-plugin-theme 还在维护吗？
最新版本 0\.26\.0 发布于 2026/11/05（3 天前）；至今共发布 18 个版本，其中过去 12 个月发布了 18 个；首次发布于 2026/10/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。