Rspack 学习了解

简介: Rspack 学习了解

一、简介

  • Rspack GitHub 仓库Rspack Quick start
  • Rspack 是由字节 ByteDance Web Infra 团队基于 Rust 语言开发的 Web 高性能构建工具。
  • Rust 是种高效、可靠的通用高级语言。其高效不仅限于开发效率,执行效率也是令人称赞的,属于少有兼顾开发效率和执行效率的语言。
  • Rspack 目前支持 ReactVueSvelteSolidNestJS, Angular 初步支持,还缺失很多能力,其他还包括 StorybookModern.jsModern.js Doc 等。

二、特点

  • 优点
  • 启动速度:基于 Rust 实现,构建速度极快。
  • HMR(热更新):内置增量编译机制,HMR 速度极快,完全胜任大型项目的开发。
  • 兼容 webpack 生态:针对 webpack 的架构和生态进行兼容,无需从头搭建生态。
  • 内置常见构建能力:对 TypeScriptJSXCSSCSS ModulesSass 等提供开箱即用的支持。
  • 默认生产优化:默认内置多种优化策略,如 Tree Shaking代码压缩 等等。
  • Build 性能:取得了 5~10 倍编译性能的提升。

  • 缺点
  • Loader 支持有限, Plugin 目前主要靠内置,高级点的使用都比较麻烦或者支持有限,内置后配置都比较简单。
  • 更适合庞大的项目,这样运行速度、Build 速度都能保持在 webpack5-10 倍,对中小项目提升有限。
  • 只支持 nodejs 14 以上的项目迁移。

三、性能对比

  • 工具对比

  • 字节内部项目迁移后的收益

四、架构设计

  • 主要围绕4方面,附架构图
  • 核心架构脱胎于 Wabpack5
    因为 Wabpack 历经了多年的考验,它整体架构稳定性是非常高的。
  • 基于 Native 语言的高并发框架
    Rust 本身是一门 Native 语言,相比 JS 这种动态语言可以做非常高的优化,性能瓶颈更高,虽然 JS 语言在 V8 的一些优化上已经不错了,但是它的短板来自于对多线程的支持,且在实现多线程后所带来的收益远低于 Rust
  • 基于 RustBabel 代替品 SWC
    Webpack 大部分的生态都是基于 LoaderPlugin 扩展的,主要点在 Loader,传统的工具都是用 Babel Loader 去做的,但 Babel Loader 是比较慢的,所以 Rust 使用了 SWC 来代替,SWC 相比 Babel 带来的性能提升做了比较高的贡献,所以在开发 Rspack 时可以避免掉 Babel Loader 的使用。
  • 基于 NAPI-RSRustJS 的高效通信
    核心用 Rust 写的,但是插件扩展是 JS写的,一方面有些开发者还得学习 Rust 才能做插件开发,上手成本比较高,另一方面是 JS 本身有个动态化特性,能直接在用户侧去编写并被加载执行,由于 Rust 是一门 Native 语言,做动态化是远不如 JS 的,即使使用 Rust 开发了一个插件,编译后的产物也是一个 Native CodeNative Code操作系统CPU 等是强相关的,比如在 Windows 上编译出来的插件在 Mac 上是跑不起来的,如果想做这种 Native 插件的动态分发或加载是比较困难的,需要熟悉整套跨平台编程的知识,每一个插件可能需要编译出来很多个平台的产物,然后再分发到不同平台上去,这个门槛比较高且稳定性也不容易控制。

五、迁移原则

  • 一条原则,优先使用内置能力,这样能保证性能最优化,比如不要使用 Babel Loader 相关的能力,常用的 Babel 能基本已经内置,如果一定需要使用,也需要将影响控制在很小范围内,如果大规模使用可能 Rspack 的性能就会下降比较明显。
  • css 相关,webpack 一般是使用 style-loader、css-loader 做处理,但是 Rspack 使用 SWC 实现了 experiments.css,默认开启,所以建议使用内置 css 能力,而不是去使用这些 Loader
  • 资源模块推荐使用 Asset Modules 做处理,webpack5 也使用 Asset Modules 替换了之前的 file-loader、url-loader、raw-loader 等。
  • html 生成也是内置了 Rust 版本的插件,但是功能可能会稍微弱一些,如果在 html 层面有比较高的定制需求,可以使用 @rspack/plugin-html,这是一个 JS 版本的,性能会比 Rust 版本慢一点,但是扩展更高。

QA

  • ViteRspack 哪个更好?
    这个需要看场景,中小场景 Vite 开发体验与生态是更好的,比如有一些 SSR 的支持,Rspack 目前更适合重型应用(例如公司内部 庞大的B端应用),能编译提速 5-10 倍。
  • 现阶段是否建议迁移 Rspack
    这个需要看是否使用到了一些高级功能或者插件,现阶段可能还不支持,需要查看支持情况,讲人话就是没有对 webpack 进行比较深的定制或骚操作的话,应该问题不大,可以进行尝试。
相关文章
|
网络协议 Windows
解决 Parallels Desktop 虚拟机不能连网的问题
虚拟机用了很长时间都很好,突然有一天发现链接不上网络了,Mac系统联网没有问题,也设置了共享网络,但是依然链接不上网络,怎么办,来试试下面的这些方法
1799 0
|
7月前
|
人工智能 开发框架 Java
Java 企业 AI 开发核心:大模型统一接入与高效落地
在AI技术深度融合的背景下,Java企业需高效接入大模型。JBoltAI提供统一大模型接入方案,兼容20+主流平台,降低适配成本,支持业务智能升级与团队快速转型,助力企业实现稳定、灵活、可持续的AI应用落地。(238字)
288 0
|
4月前
|
数据采集 机器学习/深度学习 人工智能
3类鸡行为检测数据集|进食、休息、站立(2500张)|YOLO训练数据集 智慧养殖 行为识别 健康监测 环境优化
本数据集含2500张真实养殖场景图像,精准标注鸡的进食、休息、站立三类核心行为,严格遵循YOLO格式,结构规范(train/valid/test),适配YOLOv5/v8等模型,助力智慧养殖、健康监测与环境优化。
|
8月前
|
人工智能 前端开发 JavaScript
2025年主流Web自动化测试工具功能与性能深度对比
2025年主流Web自动化测试工具在功能、性能等方面差异显著。功能上,不同工具在元素定位、脚本兼容性等核心模块各有优劣;性能方面,执行效率与资源占用需平衡,分布式执行能力对高并发场景很重要。还介绍了智能化与生态扩展趋势,给出企业选型建议及不同规模团队适用方案。
|
11月前
|
弹性计算 应用服务中间件
亲测:阿里云备案流程及操作步骤(图文教程)
阿里云备案共五步,最快2天成功。先提交材料至阿里云初审(1天内),通过后转交管局,用户完成工信部短信核验,最后等待管局审核(1-20天)。全程线上操作,简单高效。
2558 3
|
人工智能 自动驾驶 算法
人工智能引发的新文明冲击:未来十年消失的职业!
在21世纪科技浪潮中,人工智能(AI)正以前所未有的速度改变生活方式和工作模式。未来十年内,预计30种传统职业如流水线工人、仓库拣货员、收银员等将逐渐消失,带来前所未有的挑战与机遇。本文探讨这一趋势,分析受影响的职业,并讨论人类如何在AI时代找到新定位。通过GAI认证提升技能,把握AI时代的机遇,共创辉煌未来。
|
开发框架 Dart 前端开发
Android 跨平台方案对比之Flutter 和 React Native
本文对比了 Flutter 和 React Native 这两个跨平台移动应用开发框架。Flutter 使用 Dart 语言,提供接近原生的性能和丰富的组件库;React Native 则基于 JavaScript,具备庞大的社区支持和灵活性。两者各有优势,选择时需考虑团队技能和项目需求。
1563 9
|
Web App开发 负载均衡 安全
浏览器如何验证SSL证书及如何查看网站的证书
浏览器如何验证SSL证书及如何查看网站的证书
浏览器如何验证SSL证书及如何查看网站的证书
|
存储 XML JSON
Python如何读写配置文件?
Python如何读写配置文件?
627 0

热门文章

最新文章