Search Docs
Object | Function
const defaultOptions = { postcssOptions: { plugins: [ // 以下插件默认启用 require('postcss-nesting'), require('postcss-media-minmax'), require('postcss-flexbugs-fixes'), require('autoprefixer')({ flexbox: 'no-2009', }), // 以下插件仅在需要兼容低版本浏览器时启用 require('postcss-custom-properties'), require('postcss-initial'), require('postcss-page-break'), require('postcss-font-variant'), ], // 默认在开发环境下启用 CSS 的 Source Map sourceMap: isDev, }, };
Modern.js 默认集成 PostCSS,你可以通过 tools.postcss 对 postcss-loader 进行配置。
tools.postcss
需要注意的是,当你开启 tools.lightningcss 配置时,PostCSS 将会被默认禁用,包括 postcss-loader 及其默认插件。
tools.lightningcss
postcss-loader
该配置项的使用方式与 Rsbuild 完全一致。详细信息请参考 Rsbuild - tools.postcss。