引入 CSS

Modern.js 内置多种常用的 CSS 开发方案,包括 Less / Sass / Stylus 预处理器、PostCSS、CSS Modules、CSS-in-JS 和 Tailwind CSS。

使用 Less、Sass 和 Stylus

Modern.js 内置了社区流行的 CSS 预处理器,包括 Less 和 Sass。

默认情况下,你不需要对 Less 和 Sass 进行任何配置。如果你有自定义 loader 配置的需求,可以通过配置 tools.lesstools.sass 来进行设置。

你也可以在 Modern.js 中使用 Stylus,只需要安装 Rsbuild 提供的 Stylus 插件即可,使用方式请参考 Stylus 插件

使用 PostCSS

Modern.js 内置了 PostCSS 来转换 CSS 代码。

请阅读 Rsbuild - 使用 PostCSS 了解更多用法。

使用 Uno CSS

请阅读 Rsbuild - 使用 UnoCSS 了解更多用法。