vite.config.ts

import { defineConfig } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import { getAliases } from "vite-aliases";

const aliases = getAliases();

// https://vitejs.dev/config/
export default defineConfig({
  // Compilation workaround due to customElement affecting all files during compilation
  plugins: [
    // Compile Web Components
    svelte({
      // @ts-ignore
      include: /\.wc\.svelte$/,
      compilerOptions: {
        customElement: true,
      },
    }),
    // Compile Normal Svelte
    svelte({
      // @ts-ignore
      exclude: /\.wc\.svelte$/,
      compilerOptions: {
        customElement: false,
      },
    }),
  ],
  publicDir: "./assets/",
  build: {
    outDir: "./public/",
  },
  resolve: {
    alias: aliases,
  },
  optimizeDeps: { exclude: ["@roxi/routify", "@urql/svelte"] },
});