【前端】rspack和rsbuild的关系

关系概述

底层引擎:Rspack 是一个高性能、Rust 编写的 Web 构建引擎,目标与 Webpack 类似,提供 bundler、依赖图、HMR、优化等核心能力。

上层工具:Rsbuild 是基于 Rspack 的构建工具,负责项目级配置/默认约定、插件整合、命令行体验(如 rsbuild dev、rsbuild build),类似于 Webpack 之上的 create-react-app 或 Vite。

职责划分

Rspack

编译和打包核心逻辑:模块解析、Tree Shaking、代码生成。

提供 @rspack/core 和各平台 binding(如 rspack.win32-x64-msvc.node),供上层调用。

Rsbuild

加载 Rspack 并封装为更易用的开发/生产命令。

集成常见框架插件(例如 @rsbuild/plugin-vue、@rsbuild/plugin-sass),统一配置项。

暴露 defineConfig、config.devServer.proxy 等高层 API,降低使用复杂度。

相关推荐
Moment几秒前
AI全栈入门指南:NestJs 中的 DTO 和数据校验
前端·后端·面试
小码哥_常11 分钟前
告别RecyclerView卡顿!8个优化技巧让列表丝滑如德芙
前端
小村儿21 分钟前
Harness Engineering:为什么你用 AI 越用越累?
前端·后端·ai编程
enoughisenough44 分钟前
浏览器判断控制台是否开启
前端
Moment1 小时前
当前端开始做 Agent 后,我才知道 LangGraph 有多重要❗❗❗
前端·后端·面试
竹林8181 小时前
RainbowKit 快速集成多链钱包连接:从“连不上”到丝滑切换的踩坑实录
前端·javascript
小蜜蜂dry1 小时前
nestjs实战-登录、鉴权(一)
前端·后端·nestjs
农夫山泉不太甜1 小时前
WebSocket与SSE技术方案选型对比分析
前端
重阳微噪2 小时前
受够了空格翻页?我写了一个 Chrome 自动滚动插件,让你真正沉浸式阅读
前端
Awu12272 小时前
🍎用 pretext 搞定输入框动态宽度:一个困扰了我三天的 CSS 问题
前端