/ vite.dev.config.ts
vite.dev.config.ts
 1  import { defineConfig } from 'vite'
 2  import react from '@vitejs/plugin-react'
 3  import { resolve } from 'path'
 4  
 5  // Browser development configuration for DreamSpace demo
 6  export default defineConfig({
 7    plugins: [react()],
 8    root: 'src/dev', // Serve from dev directory
 9    server: {
10      port: 5173, // Standard Vite port for consistency
11      host: '0.0.0.0', // Allow external access for Playwright MCP
12      open: true,
13      cors: true
14    },
15    define: {
16      global: 'globalThis'
17    },
18    resolve: {
19      alias: {
20        // Mock Obsidian for browser development
21        'obsidian': resolve(__dirname, 'src/mocks/obsidian.ts'),
22        // Resolve imports relative to src directory
23        '~': resolve(__dirname, 'src')
24      }
25    },
26    build: {
27      outDir: '../../dist-dev', // Output outside src/dev
28      emptyOutDir: true
29    }
30  })