WHY - 为什么选择 Rsbuild

https://rsbuild.dev/zh/guide/start/index

一、介绍

Rsbuild 是由 Rspack 驱动的高性能构建工具，它默认包含了一套精心设计的构建配置，提供开箱即用的开发体验，并能够充分发挥出 Rspack 的性能优势。

二、工具对比

你可以将 Rsbuild 理解为一个现代化的 Create React App 或 Vue CLI，它与这些工具的主要区别在于：

• 底层的打包工具由 Webpack 替换为 Rspack（因为其是从 Webpack 出发设计的，插件生态也是兼容 Webpack），提供 5 ~ 10 倍的构建性能。
• 与前端 UI 框架解耦，并通过 插件 来支持所有 UI 框架，包括 React、Vue、Svelte、Solid 等。
• 提供更好的扩展性，你可以通过 配置、 插件 API 和 JavaScript API 来灵活地扩展 Rsbuild。

这里要着重介绍一下和 Vite 的区别：

Rsbuild 与 Vite 有许多相似之处，它们皆致力于提升前端的开发体验。其主要区别在于：

• 生产一致性：Rsbuild 在开发阶段和生产构建均使用 Rspack 进行打包，因此开发和生产构建的产物具备强一致性。而 Vite 在开发阶段使用 ESM 加载模块，这虽然提升了启动速度，但开发和生产构建的产物容易出现不一致（后续即将推出的 rolldown 也是为了解决 vite 这样 的遗留问题）。
• 生态兼容性：Rsbuild 兼容大部分的 webpack 插件和所有 Rspack 插件，而 Vite 则是兼容 Rollup 插件。如果你目前更多地使用了 webpack 生态的插件和 loaders，那么迁移到 Rsbuild 会更容易。
• 模块联邦：Rsbuild 团队与 Module Federation 的开发团队密切合作，并为 Module Federation 提供一流的支持，帮助你开发微前端架构的大型 Web 应用。

三、性能

以下是构建 1000 个 React 组件的时间：

以上数据来自 performance-compare benchmark。

原文地址：https://blog.csdn.net/weixin_58540586/article/details/144382223

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！