CSS

Enable CSS stylesheet generation

Configuring CSS stylesheet generation with Agrippa is done by setting the options.styling field in agrippa.config.mjs to Styling.CSS, like so:

// @ts-check
// note the new import
import { defineConfig, Styling } from "agrippa";

export default defineConfig({
  options: {
    styling: Styling.CSS

    // ...
  },
  // ...
});

Styling.CSS is equivalent to "css", but using the built-in Styling enum is clearer and less prone to errors.

Toggle CSS Modules on or off

By default, Agrippa generates CSS stylesheets as CSS Modules, as indicated by the .module.css suffix of the generated filename.

If you want or need to turn modules off, set options.styleFileOptions.module to false in agrippa.config.mjs, like so:

// @ts-check
import { defineConfig, Styling } from "agrippa";

export default defineConfig({
  options: {
    styling: Styling.CSS

    styleFileOptions: {
      module: false
    }

    // ...
  },
  // ...
});