vite.config.mjs

import {
  compatPrebuild,
  hbs,
  optimizeDeps,
  resolver,
  scripts,
  templateTag,
} from '@embroider/vite';
import { babel } from '@rollup/plugin-babel';
import { resolve } from 'path';
import { defineConfig } from 'vite';

const root = 'node_modules/.embroider/rewritten-app';

export default defineConfig({
  css: {
    lightningcss: {
      cssModules: {
        pattern: 'embroider-css-modules__[hash]-[local]',
      },
    },
    transformer: 'lightningcss',
  },
  root,
  // esbuild in vite does not support decorators
  esbuild: false,
  cacheDir: resolve('node_modules', '.vite'),
  plugins: [
    hbs(),
    templateTag(),
    scripts(),
    resolver(),
    compatPrebuild(),

    babel({
      babelHelpers: 'runtime',

      // this needs .hbs because our hbs() plugin above converts them to
      // javascript but the javascript still also needs babel, but we don't want
      // to rename them because vite isn't great about knowing how to hot-reload
      // them if we resolve them to made-up names.
      extensions: ['.gjs', '.js', '.hbs', '.ts', '.gts'],
    }),
  ],
  optimizeDeps: optimizeDeps(),
  server: {
    port: 4200,
    watch: {
      ignored: ['!**/node_modules/.embroider/rewritten-app/**'],
    },
  },
  build: {
    cssMinify: 'lightningcss',
    outDir: resolve(process.cwd(), 'dist'),
    rollupOptions: {
      input: {
        main: resolve(root, 'index.html'),
        tests: resolve(root, 'tests/index.html'),
      },
    },
  },
});