output.cssModules

    • Type:
    type CssModules = {
      auto?:
        | boolean
        | RegExp
        | ((
            resourcePath: string,
            resourceQuery: string,
            resourceFragment: string,
          ) => boolean);
      exportLocalsConvention?:
        | 'asIs'
        | 'camelCase'
        | 'camelCaseOnly'
        | 'dashes'
        | 'dashesOnly';
      exportGlobals?: boolean;
      localIdentName?: string;
      mode?:
        | 'local'
        | 'global'
        | 'pure'
        | 'icss'
        | ((resourcePath: string) => 'local' | 'global' | 'pure' | 'icss');
      namedExport?: boolean;
    };
    • Default:
    const defaultCssModules = {
      auto: true,
      namedExport: false,
      exportGlobals: false,
      exportLocalsConvention: 'camelCase',
    };

    For custom CSS Modules configuration.

    INFO

    The usage of this configuration item is exactly the same as that of Rsbuild. For detailed information, please refer to Rsbuild - output.cssModules.