让开源，少一点语言距离。
npm包中文文档

@codegouvfr/react-dsfr

中文文档
1.36.0发布于 2026/10/15MITTypeScriptESM + CJS构建来源已验证近 30 天下载 8.2万

法国国家设计系统反应集成库

中文使用文档
中文原文
文档目录4 节
  1. 发展 -- -- 为项目作出贡献
  2. 想贡献吗?
  3. 如何发布关于国家预防机制的新版本,如何发布β版本
  4. 使用大小写

🇫🇷 法国国家设计系统 反应工具包 🇫🇷

组成部分文件 - 说吧 指南 - 说吧 游戏场

法国README版本 页:1。 。 。 .

警告:本设计系统仅用于法国官方公共服务网站.
其主要目的是方便市民识别政府网站. 见术语。 。 。 .

这个模块是一个高级工具包 杠杆 @gouvfr/ dsfr (英语),香草JS/CSS 执行DSFR.

image

虽然这个模块是用 TypeScript 写的,但是在您的应用程序中使用 TypeScript 是可选的(但建议它同时给您和您的代码库带来显著的好处).

* 需要准备使用符合DSFR的登录和注册页面吗? 离职 keycloak 主题文件。 。 。 .

开始吧

施政

此模块是 Etalab 自由与开源软件杆。 。 。 .

该项目由法国各行政部门的公务员共同负责:

发展 -- -- 为项目作出贡献

git clone https://github.com/codegouvfr/react-dsfr
cd react-dsfr
yarn

# Starting storybook
yarn storybook

# Starting test apps
yarn start-cra  # For testing in a Create React App setup
yarn start-vite # For testing in a Vite setup
yarn start-next-pagesdir # For testing in a Next.js 13 PagesDir setup (the default setup)
yarn start-next-appdir # For testing in a Next.js 13 AppDir setup

# Run all unit test (test/runtime):
yarn test
# Run only test/runtime/cssVariable.test.ts (for example)
npx vitest -t "Resolution of CSS variables"

想贡献吗?

谢谢! 见 贡献指南。 。 。 .

如何发布关于国家预防机制的新版本,如何发布β版本

这回波是靴子被拖走的 加罗奈克/吨-西 看看这个 记录此启动器, 以了解此还原的生命周期 .

使用大小写

一些项目使用 @codegouvfr/react-dsfr。 。 。 .

版本与发布记录

@codegouvfr/react-dsfr 共发布 492 个版本，首次发布于 2022/09/28；过去 12 个月发布了 15 个版本。最新版本附带 npm provenance 构建来源证明，可追溯到公开的 CI 构建记录。

版本发布日期距今
1.36.0latest2026/10/1525 天前
1.35.02026/09/101 个月前
1.34.02026/08/312 个月前
1.33.12026/08/312 个月前
1.33.02026/08/192 个月前
1.32.42026/06/095 个月前

其他发布通道：next → 1.32.3-rc.1。

关于 @codegouvfr/react-dsfr 的常见问题

@codegouvfr/react-dsfr 是什么？

法国国家设计系统反应集成库

如何安装 @codegouvfr/react-dsfr？

在项目目录运行 npm install @codegouvfr/react-dsfr，或使用 pnpm add / yarn add / bun add。它还提供命令行工具 react-dsfr、copy-dsfr-to-public、only-include-used-icons，可以用 npx react-dsfr 直接运行。

@codegouvfr/react-dsfr 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

@codegouvfr/react-dsfr 支持 ESM 还是 CommonJS？

同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。

@codegouvfr/react-dsfr 可以商用吗？

@codegouvfr/react-dsfr 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

@codegouvfr/react-dsfr 的下载量有多少？

根据 npm 官方下载统计，@codegouvfr/react-dsfr 在 2026/10/10 – 2026/11/08 这 30 天内被下载 81,703 次，日均约 2,723 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

@codegouvfr/react-dsfr 还在维护吗？

最新版本 1.36.0 发布于 2026/10/15（25 天前）；至今共发布 492 个版本，其中过去 12 个月发布了 15 个；首次发布于 2022/09/28。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。