Docusaurus 3.6 正式发布,构建速度提升3倍!

科技   2024-11-04 23:07   北京  
关注下方公众号,获取更多热点资讯

Docusaurus 是一个易于维护的开源文档网站生成器,具有强大的版本控制、多语言支持和自定义功能。它最初由 Facebook 开发,并得到了社区的广泛使用和维护。

Docusaurus 3.6 正式发布,该版本主要侧重于通过 Docusaurus Faster 项目提高构建性能。

Docusaurus Faster 介绍

Docusaurus Faster 项目的目标是减少构建时间和内存消耗。

该项目进行了多项优化,并对基础架构进行了现代化改造,以使用更快的基于 Rust 的工具,尤其是:

  • 🦀 Rspack:基于 Rust 的快速网络捆绑程序,几乎可以直接替代 webpack
  • 🦀 SWC:快速Web编译器,基于 Rust 的网络平台(HTML、CSS、JS)
  • 🦀 Lightning CSS:极快的 CSS 解析器、转换器、捆绑器和最小化器

1)构建时间:

采用新的基础架构会产生各种影响。

社区网站上的基准测试表明,您可以期待生产网站的构建速度快 2 到 4 倍!🔥

  • React Native 网站:快 3.04 倍 🔥
  • Babel 网站:快 3.27 倍 🔥
  • Lexical 网站:快 2 倍 🔥

2)内存消耗:

  • 新基础架构总体上消耗的内存更少
  • 修复了一个重要的内存泄漏问题,它尤其会影响 i18n 站点
  • 添加了 CI 检查,以确保不会出现倒退,并确保我们的站点和初始模板都能在内存受限的环境中构建
  • 添加了内部工具,以更好地了解构建过程中哪一步消耗了内存
  • 删除了 process.exit(0),它可以隐藏您自己的代码和第三方插件中的内存泄漏问题

Rsdoctor plugin

在 https://github.com/facebook/docusaurus/pull/10588,为 Rsdoctor 创建了一个 Docusaurus 插件。它可以分析 Docusaurus 的捆绑阶段,并帮助您找出在加载器、插件和最小化器方面拖慢捆绑程序的因素。它同时适用于 webpack 和 Rspack。

在配置文件中添加 @docusaurus/plugin-rsdoctor 包。

// docusaurus.config.js
export default {
  plugins: [
    [
      'rsdoctor',
      {
        /* options */
      },
    ],
  ],
};

更多特性参考:https://docusaurus.io/blog/releases/3.6

大家都在看

腾讯推出一站式智能工作台 ima.copilot,开启搜读写新体验

里程碑!Rspack 1.0 正式发布

1.8 亿人次!腾讯出品的在线工具箱,超级实用

FED实验室
前端开发实验室,专注于前端全栈开发方向,内容覆盖前端热点资讯、工程架构、技术实践、工具资源和前端面试招聘等内容。全网同号。
 最新文章