vite.config.js

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

const files = ["colors/main.scss", "components/button/button.scss"];

const entries = files.map((file) => resolve(__dirname, `./src/styles/${file}`));

export default () => {
  return defineConfig({
    build: {
      cssCodeSplit: true,
      lib: {
        entry: entries,
        name: "FS UI Library",
        formats: ['es', 'cjs']
      },
      rollupOptions: {
        input: {
          "fs-colors": "./src/styles/colors/main.scss",
          "fs-colors-wc": "./src/styles/colors/main-wc.scss",
          "fs-base-styles": "./src/styles/app-components/main.scss",
          "fs-reset": "./src/styles/base/reset.scss",
        },
        output: {
          entryFileNames: `assets/[name].js`,
          chunkFileNames: `assets/[name].js`,
          assetFileNames: `assets/styles/[name].[ext]`,
        },
      },
    },
  });
};