Gemvale

    Vite

    Ammolite can be used with Vite as a plugin.

    Installation

    Install this package as a dev dependency in the project:

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

    Configuration

    Add the following Vite configuration:

    vite.config.js
    import { defineConfig } from "vite";

import { ammolite } from "@ammolite/unplugin/vite";

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

    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 Vite configuration:

    vite.config.js
    import { defineConfig } from "vite";

import { ammolite } from "@ammolite/unplugin/vite";

import ammolitePostCSS from "@ammolite/postcss";

export default defineConfig({
    plugins: [
        ammolite({
            emit: false,
        }),
    ],
    css: {
        postcss: {
            plugins: [
                ammolitePostCSS(),
            ],
        },
    },
});

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

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

// ...