studioforge/vite.runtime.config.ts at dev · devlive-community/studioforge · 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
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import path from 'node:path'

/**
 * 独立运行时构建：用 lib 模式把 src/runtime/standalone.tsx 打成 IIFE，
 * 输出到 public/sf-runtime.js。前端「导出单文件 HTML」时 fetch 这个文件
 * 然后 inline 进生成的 HTML。
 *
 * 外部化 React / ReactDOM / antd / dayjs，运行时从 unpkg UMD globals 取值。
 */
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  define: {
    'process.env.NODE_ENV': JSON.stringify('production'),
  },
  publicDir: false,
  build: {
    lib: {
      entry: path.resolve(__dirname, 'src/runtime/standalone.tsx'),
      name: 'StudioForgeRuntime',
      formats: ['iife'],
      fileName: () => 'sf-runtime.js',
    },
    outDir: 'public',
    emptyOutDir: false,
    minify: 'esbuild',
    sourcemap: false,
    rollupOptions: {
      external: [
        'react',
        'react-dom',
        'react-dom/client',
        'antd',
        'antd/locale/zh_CN',
        'dayjs',
      ],
      output: {
        globals: {
          react: 'React',
          'react-dom': 'ReactDOM',
          'react-dom/client': 'ReactDOM',
          antd: 'antd',
          // antd 的 locale 子路径在 UMD 里挂在 antd.locales.zh_CN
          'antd/locale/zh_CN': 'antd.locales.zh_CN',
          dayjs: 'dayjs',
        },
        // 默认 IIFE 包裹会把外部依赖塞进 globals 注入函数；保留默认即可
        extend: true,
      },
    },
  },
})