r3f-webgpu-text/vite.config.js at main · ektogamat/r3f-webgpu-text · 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
70
71
72
73
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { resolve } from 'path'

const isLibraryBuild = process.env.BUILD_LIB === 'true'

export default defineConfig({
  plugins: [react()],
  root: isLibraryBuild ? undefined : 'demo',
  esbuild: {
    target: 'esnext',
  },
  optimizeDeps: {
    esbuildOptions: {
      target: 'esnext',
    },
  },
  server: {
    fs: {
      allow: ['..'],
    },
  },
  resolve: {
    ...(isLibraryBuild ? {} : { dedupe: ['three'] }),
    alias: isLibraryBuild
      ? {}
      : [
          { find: 'r3f-webgpu-text', replacement: resolve(__dirname, 'src') },
          { find: 'three/webgpu', replacement: resolve(__dirname, 'node_modules/three/build/three.webgpu.js') },
          { find: 'three/tsl', replacement: resolve(__dirname, 'node_modules/three/build/three.tsl.js') },
          { find: /^three\/addons\/(.*)/, replacement: resolve(__dirname, 'node_modules/three/examples/jsm/$1') },
        ],
  },
  build: isLibraryBuild
    ? {
        lib: {
          entry: resolve(__dirname, 'src/index.jsx'),
          name: 'R3fWebgpuText',
          formats: ['es', 'cjs'],
          fileName: (format) => (format === 'es' ? 'index.mjs' : 'index.js'),
        },
        rollupOptions: {
          external: [
            'react',
            'react-dom',
            'react-dom/client',
            'react/jsx-runtime',
            '@react-three/fiber',
            'three',
            'three-msdf-text-utils',
            'three-msdf-text-utils/webgpu',
          ],
          output: {
            globals: {
              react: 'React',
              'react-dom': 'ReactDOM',
              'react-dom/client': 'ReactDOM',
              '@react-three/fiber': 'ReactThreeFiber',
              three: 'THREE',
              'three-msdf-text-utils': 'ThreeMsdfTextUtils',
              'three-msdf-text-utils/webgpu': 'ThreeMsdfTextUtilsWebgpu',
            },
          },
        },
        outDir: 'dist',
        emptyOutDir: true,
      }
    : {
        outDir: resolve(__dirname, 'demo-dist'),
        emptyOutDir: true,
        target: 'esnext',
      },
})