analogik/vite.config.ts at develop · funkymed/analogik · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'path'

export default defineConfig({
  plugins: [
    react({
      babel: {
        parserOpts: {
          plugins: ['decorators-legacy', 'classProperties']
        }
      }
    })
  ],

  esbuild: {
    loader: 'tsx',
    include: /src\/.*\.[tj]sx?$/,
    exclude: []
  },

  optimizeDeps: {
    include: [
      'react', 'react-dom', 'three', '@tweenjs/tween.js',
      'rsuite', '@rsuite/icons', 'react-device-detect',
      'react-use-keypress', 'dat.gui'
    ],
    esbuildOptions: {
      loader: {
        '.js': 'jsx',
      },
    },
  },

  server: {
    port: 3000,
    open: true
  },

  build: {
    outDir: 'build',
    sourcemap: true,
    target: 'esnext',
    rollupOptions: {
      output: {
        manualChunks: {
          'vendor-react': ['react', 'react-dom'],
          'vendor-three': ['three'],
          'vendor-ui': ['rsuite', '@rsuite/icons'],
          'vendor-tween': ['@tweenjs/tween.js']
        }
      }
    },
    chunkSizeWarningLimit: 1000,
    minify: 'esbuild'
  },

  publicDir: 'public'
})