mono/vite.config.js at master · benitogf/mono · 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
60
61
62
63
64
65
66
67
68
69
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react({
      include: '**/*.{jsx,js}',
    })
  ],
  esbuild: {
    loader: 'jsx',
    include: /src\/.*\.js$/,
    exclude: []
  },
  optimizeDeps: {
    include: [
      '@emotion/react',
      '@emotion/styled',
      '@emotion/cache',
      '@emotion/serialize',
      '@emotion/utils',
      'react',
      'react-dom'
    ],
    esbuildOptions: {
      loader: {
        '.js': 'jsx',
      },
    }
  },
  server: {
    port: 3000,
    open: true
  },
  build: {
    outDir: 'build',
    sourcemap: true,
    rollupOptions: {
      output: {
        manualChunks: {
          // Split vendor code into separate chunks
          'react-vendor': ['react', 'react-dom', 'react-router-dom'],
          'mui-core': ['@mui/material', '@mui/icons-material'],
          'mui-x': ['@mui/x-data-grid', '@mui/x-date-pickers'],
          'mui-lab': ['@mui/lab'],
          'emotion': [
            '@emotion/react',
            '@emotion/styled',
            '@emotion/cache',
            '@emotion/serialize',
            '@emotion/utils',
            '@emotion/sheet',
            '@emotion/use-insertion-effect-with-fallbacks'
          ],
          'utils': ['lodash', 'moment', 'ky']
        }
      }
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        // Silence deprecation warnings from sass
        silenceDeprecations: ['legacy-js-api']
      }
    }
  }
})