Object | Functionconst 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.lightningcss 配置时,PostCSS 将会被默认禁用,包括 postcss-loader 及其默认插件。
该配置项的使用方式与 Rsbuild 完全一致。详细信息请参考 Rsbuild - tools.postcss。