clickstyles/vite.config.js

A collection of animated styles for buttons, CTAs, links, cards, toggles, and other interactive UI elements.

import { defineConfig } from "vite";
import path from "path";

// Minified build
//npx vite build --mode production

// Unminified build
//npx vite build --mode unminified

export default defineConfig(({ mode }) => {
  const isMinified = mode !== "unminified";

  return {
    build: {
      outDir: "dist",
      emptyOutDir: isMinified, // Only clear dist on first run
      minify: isMinified ? "esbuild" : false,
      cssCodeSplit: true,
      rollupOptions: {
        input: {
          clickstyles: path.resolve(__dirname, "src/index.js"),
          "clickstyles.css": path.resolve(__dirname, "src/index.css"),
        },
        output: {
          entryFileNames: isMinified ? "[name].min.js" : "[name].js",
          assetFileNames: isMinified ? "[name].min.css" : "[name].css",
        },
      },
    },
  };
});