ui/vite.lib.config.ts at master · bizarre/ui · 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
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import dts from 'vite-plugin-dts'
import path from 'path'
import fs from 'fs'

const components = fs
  .readdirSync(path.resolve(__dirname, 'src'))
  .filter((f) => fs.statSync(path.resolve(__dirname, 'src', f)).isDirectory())

const entries = {
  index: path.resolve(__dirname, 'src/index.ts'),
  ...Object.fromEntries(
    components.map((name) => [
      name,
      path.resolve(__dirname, `src/${name}/index.ts`)
    ])
  )
}

export default defineConfig({
  define: {
    'process.env.NODE_ENV': JSON.stringify('production')
  },
  plugins: [
    react(),
    dts({
      entryRoot: 'src',
      outDir: 'dist',
      rollupTypes: true
    })
  ],
  build: {
    sourcemap: false,
    lib: {
      entry: entries,
      formats: ['es', 'cjs'],
      fileName: (format, entryName) =>
        entryName === 'index'
          ? `bizarre-ui.${format}.js`
          : `${entryName}/index.${format}.js`
    },
    rollupOptions: {
      external: [
        /^react($|\/.*)/,
        /^react-dom($|\/.*)/,
        '@radix-ui/react-compose-refs',
        '@radix-ui/react-context',
        '@radix-ui/react-dismissable-layer',
        '@radix-ui/react-slot',
        '@radix-ui/react-use-controllable-state',
        'chrono-node',
        'date-fns',
        'timezone-enum',
        /^@formatjs($|\/.*)/
      ],
      output: {
        preserveModules: true,
        preserveModulesRoot: 'src',
        entryFileNames: `[name]/index.[format].js`,
        globals: {
          react: 'React',
          'react-dom': 'ReactDOM'
        }
      }
    }
  }
})