#Rstack 教程简介

欢迎来到 Rstack (Rsbuild/Rspack) 教程！

#什么是 Rstack？

Rstack（或称 Rust 驱动的 Web 工具栈）是由字节跳动 Web Infra 团队开源的下一代前端构建工具链。它主要包含两个核心项目：

1. Rspack：一个基于 Rust 编写的高性能 Web 构建工具，提供了与 Webpack 极高的兼容性，但在构建速度上（尤其是在大型项目中）有着数量级的提升。
2. Rsbuild：基于 Rspack 的构建工具箱，旨在提供开箱即用的构建体验。它就像是 Webpack 时代的 Vue CLI 或 Create React App 的现代替代品。

#为什么选择 Rstack？

• 极致性能：Rust 带来的多线程与内存安全，使得冷启动和 HMR（热更新）速度飞快。
• 生态兼容：Rspack 兼容了绝大部分 Webpack 插件和 Loader（如 html-webpack-plugin, css-loader 等），这意味着许多现有的复杂 Webpack 项目可以低成本迁移到 Rspack 享受性能红利。
• 现代化默认配置：Rsbuild 内置了对 React、Vue、TypeScript、Less、Sass、CSS Modules 的支持，无需像配置 Webpack 那样编写繁琐的 webpack.config.js。

#本教程将包含什么？

在本教程中，我们将学习：

1. Rspack 与 Webpack 的核心区别及迁移指南
2. 如何使用 Rsbuild 快速初始化一个 React/Vue 项目
3. Rsbuild 的配置详解（环境变量、别名、静态资源处理）
4. 如何编写自定义的 Rspack 插件或 Loader
5. 实战：将一个庞大的老旧 Webpack 项目迁移到 Rspack

---

本文为轻叶全栈手册原创内容，转载请注明出处。