构建工具

Modern.js 构建是基于 Rsbuild 实现的,并支持在 Webpack 和 Rspack 两种打包工具间无缝切换。

什么是 Rsbuild

Rsbuild 是基于 Rspack 的构建工具,是一个增强版的 Rspack CLI,更易用、开箱即用。

构建架构

从构建的角度看,Modern.js 分为三层架构,从上到下依次是:

  • 研发框架:Modern.js(开源)和 EdenX(内部)。
  • 构建工具:Rsbuild。
  • 打包工具:Webpack 和 Rspack。

构建文档

Rsbuild 的文档地址为:https://rsbuild.dev/

在该文档中,你可以了解到 Rsbuild 的详细介绍,同时也可以找到各个构建能力的完整使用指南。

如果你想要了解某些构建配置的使用,建议你优先阅读 Modern.js 文档,因为 Modern.js 中的构建配置和默认值与 Rsbuild 并不完全相同。

构建插件

在 Modern.js 中,你可以注册 Webpack 插件、Rspack 插件或 Rsbuild 插件:

构建能力

Rsbuild 提供了丰富的构建能力,包括 JavaScript 编译、CSS 编译、静态资源处理、代码热更新、代码压缩、TS 类型检查等几十种能力。

我们推荐你阅读 「Rsbuild - 功能导航」 来了解 Rsbuild 提供的所有构建能力。