首页
/ Docusaurus v3.7.0 发布:React 19支持与SVGR插件等新特性

Docusaurus v3.7.0 发布:React 19支持与SVGR插件等新特性

2025-05-31 04:49:41作者:殷蕙予

Docusaurus 是一个由 Facebook 开源的静态网站生成器,专门为技术文档网站设计。它基于 React 构建,提供了开箱即用的文档功能、博客支持和可定制的主题系统。最新发布的 v3.7.0 版本带来了一系列重要的新特性和改进。

核心特性更新

React 19 全面支持

Docusaurus v3.7.0 最重要的更新之一是对即将发布的 React 19 的全面支持。这意味着:

  1. 所有核心插件和主题组件都已更新类型定义,确保与 React 19 的兼容性
  2. 开发者可以提前为 React 19 的新特性做好准备
  3. 项目维护了向前兼容性,确保现有项目升级无忧

新增 SVGR 插件

v3.7.0 引入了一个全新的官方插件 docusaurus-plugin-svgr,它提供了:

  1. 开箱即用的 SVG 文件导入支持
  2. 将 SVG 作为 React 组件使用的能力
  3. 与现有构建系统的无缝集成

这个插件解决了在 Docusaurus 项目中处理 SVG 文件的常见痛点,特别是当需要以组件形式使用 SVG 时。

博客系统增强

作者社交媒体图标扩展

博客系统现在支持更多社交媒体平台的作者图标:

  1. 新增对多个新兴平台的支持
  2. 扩展了包括 Twitch、YouTube 和 Instagram 在内的流行平台
  3. 保持了与现有社交图标的一致样式和行为

侧边栏标签定制

博客文章现在支持通过 frontMatter.sidebar_label 属性自定义侧边栏显示标签,这为内容组织提供了更大的灵活性。

性能优化与构建改进

Rspack 增量构建默认启用

构建系统再次默认启用了 Rspack 的增量构建功能,这可以显著提高开发环境下的构建速度,特别是在大型项目中。

问题修复与稳定性提升

  1. 修复了 npm-to-yarn 插件中缺少 Bun 包管理器转换的问题
  2. 解决了代码块注释在 SQL 语言中的支持问题
  3. 修正了文档侧边栏项目可见性的一个关键错误
  4. 修复了包含空格的 Markdown 图片路径处理问题
  5. 解决了路由名称哈希冲突的可能性

国际化与可访问性

  1. 补充了荷兰语(nl)和韩语(ko)的主题翻译
  2. 页脚列和链接现在会正确合并提供的 className
  3. 改进了 HTML 压缩设置,减少了 React 水合错误

开发者体验改进

  1. 开发容器已升级到 Ubuntu Noble 和 Node.js 22
  2. Algolia 搜索组件进行了简化重构
  3. 移除了 rtl-detect 依赖,改用原生 Intl API 获取语言方向
  4. 存储工具函数的工作方式得到了优化

总结

Docusaurus v3.7.0 是一个功能丰富的中期版本更新,它不仅为未来的 React 19 做好了准备,还通过新增的 SVGR 插件和多项功能增强提升了开发体验。性能优化和问题修复使这个版本更加稳定可靠,而国际化支持的完善则让全球开发者受益。对于现有项目,这是一个值得考虑的升级版本,特别是对于那些需要处理 SVG 或计划迁移到 React 19 的项目。

登录后查看全文
热门项目推荐

热门内容推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
176
261
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
858
509
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
182
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
257
300
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
331
1.08 K
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
397
370
note-gennote-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。
TSX
83
4
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
kernelkernel
deepin linux kernel
C
22
5