Gemvale

    Rsbuild

    Ammolite can be used with Rsbuild as a plugin.

    Installation

    Install this package as a dev dependency in the project:

    npm
    yarn
    pnpm
    bun
    npm i -D @ammolite/rsbuild

    Configuration

    Add the following code:

    rsbuild.config.ts
    import { defineConfig } from "@rsbuild/core";

import { pluginAmmolite } from "@ammolite/rsbuild";

export default defineConfig({
    plugins: [
        pluginAmmolite(),
    ],
});

    PostCSS Configuration

    Ammolite also supports PostCSS with the @ammolite/postcss package.

    Install this package as a dev dependency in the project:

    npm
    yarn
    pnpm
    bun
    npm i -D @ammolite/postcss

    Add the following Rsbuild configuration:

    rsbuild.config.ts
    import type { PostCSSLoaderOptions } from "@rsbuild/core";

import { defineConfig } from "@rsbuild/core";

import { pluginAmmolite } from "@ammolite/rsbuild";

export default defineConfig({
    plugins: [
        pluginAmmolite({
            emit: false,
        }),
    ],
    tools: {
        postcss: (_: PostCSSLoaderOptions, { addPlugins }): void => {
            addPlugins(require("@ammolite/postcss"));
        },
    },
});

    In case there are no any CSS file, create one and import it:

    ./src/index.ts
    import "index.css";

// ...