tools.postcss

    • 类型: 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.postcsspostcss-loader 进行配置。

    需要注意的是,当你开启 tools.lightningcss 配置时,PostCSS 将会被默认禁用,包括 postcss-loader 及其默认插件。

    INFO

    该配置项的使用方式与 Rsbuild 完全一致。详细信息请参考 Rsbuild - tools.postcss