Modern.js 内置多种常用的 CSS 开发方案,包括 Less / Sass / Stylus 预处理器、PostCSS、CSS Modules、CSS-in-JS 和 Tailwind CSS。
Modern.js 内置了社区流行的 CSS 预处理器,包括 Less 和 Sass。
默认情况下,你不需要对 Less 和 Sass 进行任何配置。如果你有自定义 loader 配置的需求,可以通过配置 tools.less、tools.sass 来进行设置。
你也可以在 Modern.js 中使用 Stylus,只需要安装 Rsbuild 提供的 Stylus 插件即可,使用方式请参考 Stylus 插件。
Modern.js 内置了 PostCSS 来转换 CSS 代码。
请阅读 Rsbuild - 使用 PostCSS 了解更多用法。
请阅读 Rsbuild - 使用 UnoCSS 了解更多用法。