vite.config.js

import path from 'path'
import react from '@vitejs/plugin-react'
import ssl from '@vitejs/plugin-basic-ssl'
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
import { defineConfig } from 'vite'

const config = {
  serve: defineConfig({
    assetsInclude: ['**/*.hdr', '**/*.gltf'],
    root: 'examples',
    plugins: [react(), ssl(), vanillaExtractPlugin()],
    server: { host: '0.0.0.0', https: true },
    resolve: {
      alias: {
        '@react-three/xr': path.resolve(process.cwd(), 'src')
      }
    }
  }),
  build: defineConfig({
    build: {
      minify: false,
      sourcemap: true,
      target: 'es2018',
      lib: {
        formats: ['es', 'cjs'],
        entry: 'src/index.tsx',
        fileName: '[name]'
      },
      rollupOptions: {
        external: (id) => !id.startsWith('.') && !path.isAbsolute(id),
        output: {
          preserveModules: true,
          sourcemapExcludeSources: true
        }
      }
    }
  })
}

export default defineConfig(({ command }) => config[command])