腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
视频
用户
沙龙
专栏
专区
综合排序
丨
最热优先
丨
最新优先
时间不限
Rspack
1.5 版本更新速览!
Rsbuild 1.5 默认启用,
Rspack
1.6 将全局默认。 浏览器支持改进(@
rspack
/browser)
Rspack
1.5 推出 @
rspack
/browser,支持纯浏览器环境运行,无需 WebContainers。 API 与 @
rspack
/core 对齐,适合问题复现和在线 demo。 示例: import {
rspack
, builtinMemFs } from'@
rspack
/browser'; // 写入文件到 memfs builtinMemFs.volume.fromJSON ({ // 项目文件... }); // 使用
rspack
API
rspack
({}, (err, stats) => { if (err || stats.hasErrors()) {
萌萌哒草头将军
2025-09-15
366
0
标签:
配置
性能
优化
测试
开发者
Rspack
源码解析 (2) —— 从
rspack
build 到输出 dist,完整编译链路详解
本篇是
Rspack
源码解析系列第二篇,重点在从rspackbuild的全流程编译链路梳理和说明,感兴趣的替同学可以点赞、收藏、评论您的问题和收获,不甚感激前言在上一篇当中,我们从宏观角度解释了
Rspack
/bin/
rspack
.js"},然后我们在找到packages/
rspack
-cli/bin/
rspack
.js该文件,其实里面的内容很简单:展开代码语言:JavaScriptAI代码解释//packages /
rspack
-cli/bin/
rspack
.jsimport{RspackCLI}from'.. /src/cli.tsimport{
rspack
}from'@
rspack
/core';exportclassRspackCLI{//其他的逻辑... ,
rspack
()定义在packages/
rspack
/src/
rspack
.ts这个文件下面:展开代码语言:JavaScriptAI代码解释//packages/
rspack
/src/
rspack
.tsimport
Amos
2026-05-19
133
0
标签:
rust
Rspack
1.6 版本新功能速览!
前言
Rspack
1.6 版本发布了,快来跟我看看这次的更新内容吧! 正文
Rspack
1.6 更新 1. 动态导入树增强
Rspack
1.6 对动态导入的静态分析全面升级,从仅支持解构赋值扩展到变量访问、.then 链等多种模式, 仅保留实际使用导出,bundle 体积被进一步压缩。 next-
rspack
Next.js 16 集成自定义Rust绑定:构建快24%、dev快10%(chakra-ui-docs基准:
Rspack
3.8s vs Webpack 14s)。
萌萌哒草头将军
2025-11-17
288
0
标签:
工作
调试
优化
打包
测试
Rspack
v1.5.7 版本新功能速览!
前言 刚刚看到,
Rspack
发布了 v1.5.7 版本,
Rspack
v1.5.7 本文将带大家快速看看更新内容! 这次更新允许
Rspack
在编译时静态推断 .then() 内的解构变量, 仅保留实际使用的导出,从而显著减少最终 bundle 大小。 // 适用于.then()回调中的解构 import('. /utils模块都会被完整打包,而现在
Rspack
能识别 usedFunction 的使用路径,应用死代码消除,预计能将异步模块体积缩小20-50%,同时保持 Webpack 兼容性。
Rspack
现在能解析 JSX 而不进行默认转换,允许外部工具接管转换逻辑。 这提升了
Rspack
在 React/Vue 等框架项目中的灵活性,尤其适合需要自定义JSX运行时的场景。
萌萌哒草头将军
2025-11-17
214
0
标签:
打包
编译
异步
优化
语法
字节竟然开源了
Rspack
,要干掉Webpack?
于是决定从零开发,用了将近一年的时间,完成了一个新的构建工具——
Rspack
今天我们就来看看对比其他构建工具,
Rspack
又有什么优势?
Rspack
Rspack
是一个基于 Rust 的高性能构建引擎, 具备与 Webpack 生态系统的互操作性,可以被 Webpack 项目低成本集成,并提供更好的构建性能。 安装 使用
Rspack
CLI 可以直接使用
Rspack
CLI 来创建一个基础项目 npm create
rspack
@latest 然后按照提示操作即可 手动安装 mkdir
rspack
-demo cd
rspack
-demo npm init -y npm install -D @
rspack
/cli 然后进行配置文件
Rspack
默认通过
rspack
.config.js 来配置打包行为 大家拭目以待吧 官网链接:https://www.
rspack
.dev/zh/
程序员老鱼
2023-05-23
2.3K
0
标签:
webpack
开源
开发
性能
优化
Rspack
1.4 发布:性能再突破,生态更完善
前言
Rspack
1.4 正式发布!作为前端开发者,这是一个令人振奋的消息。
Rspack
以其基于 Rust 的高性能和与 Webpack 的高度兼容性,成为现代 Web 开发中的重要工具。 浏览器中构建和运行
Rspack
使用指南: https://
rspack
.dev/zh/guide/start/quick-start 2. 相比
Rspack
1.3 使用的 SWC 16,性能提升明显! 性能提升 更小的构建产物:通过优化的死代码消除(DCE)和 tree shaking 技术,
Rspack
生成的构建产物更精简。 import {
rspack
} from '@
rspack
/core'; export default { plugins: [ new
rspack
.experiments.CssChunkingPlugin 未来计划
Rspack
1.4 的成功离不开社区的支持。
萌萌哒草头将军
2025-06-28
731
0
标签:
优化
编译
开发
开发者
性能
2026 Rust构建引擎双雄:
Rspack
与Rolldown深度全景解析
第二章:
Rspack
深度解析——Webpack生态的高性能继任者2.1核心定位与设计哲学
Rspack
的核心使命是“快如闪电,兼容如初”。 对于拥有庞大Webpack技术债的团队而言,
Rspack
提供了一条几乎无痛的升级路径。 2.2架构揭秘:Rust内核与JS插件的桥梁
Rspack
的架构分为两层:RustCore(
rspack
_core):这是整个引擎的心脏,负责模块依赖图的构建、代码转换(基于SWC)、代码分割、优化等所有计算密集型任务 这种兼容性是
Rspack
得以快速被社区接纳的关键。 这使得开发者可以快速搭建React、Vue等项目的脚手架,享受
Rspack
带来的性能红利。
jack.yang
2026-04-22
307
0
标签:
webpack
rust
javascript
typescript
vite
Rspack
作者揭秘,你的 Tree Shaking 真的起作用了吗?
本文主要探讨了 Webpack Tree Shaking 的基本概念,而非深入其底层代码实现。相关的代码示例可以在 这里[1] 查看。
童欧巴
2024-05-09
1K
0
标签:
tree
变量
函数
优化
安全
Rstack 家族即将迎来新成员 Rstest !
前言 今天下午,字节
Rspack
团队发布推文,宣布 Rstack 家族新增新成员 Rstest ,不久将发布 0.0.1 版本! 正文 Rstack 是指一系列围绕
Rspack
打造的 JavaScript 统一工具链,具有优秀的性能和一致的架构! 官方提供的测试截图 下面是 Rstack 全部家族成员! 在当前,如果你使用
Rspack
构建项目,而使用类似 Vitest 进行测试,那么很快就可以使用 Rstest 了,这将会使你使用更少的配置项获得更快的测试代码的速度! 下面是官方提供的基准测试结果: Vite 为什么没有
Rspack
快? 这是因为
Rspack
是深度使用 Rust 编写的,而 Vite 采用逐步 Rust 化的策略(Rolldown)实现更快的打包和构建速度!
萌萌哒草头将军
2025-06-11
323
0
标签:
性能
测试
工具
架构
开发
Rspack
源码解析 (1) —— 架构总览:从 Node.js 到 Rust 的跨界之旅
Rspack
源码结构概览
Rspack
的源码是一个标准的Monorepo(单体仓库-将多个相关项目、模块的源码都放在同一个代码仓库中统一管理,而不是每个项目一个独立仓库),
Rspack
的源码目录下有:crates crates/
rspack
_plugin_*内置插件crates/
rspack
_loader_*内置Loader源码追踪:一次构建的完整旅程让我们随着代码的执行顺序,看看
Rspack
是如何启动的。 第一站:用户入口(Node.js)当你运行
rspack
时,代码最终会进入@
rspack
/core的入口。 总结通过第一篇的架构概览,我们理清了
Rspack
的启动流程:用户在CLI或脚本中调用
rspack
()。JS层(packages/
rspack
)处理配置,初始化Compiler.ts。 给Rust初学者的建议:在阅读
Rspack
源码时,不必纠结于通过Arc,Mutex,RwLock这种复杂的并发控制细节(虽然它们在
Rspack
中无处不在)。
Amos
2026-05-20
121
0
标签:
rust
前端
源码学习
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档