G6Lite/rollup.config.js at master · antvis/G6Lite · 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
74
75
76
77
78
79
80
81
82
83
84
85
import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import terser from '@rollup/plugin-terser';
import typescript from '@rollup/plugin-typescript';
import dts from 'rollup-plugin-dts';

// Runtime dependencies stay external in the ESM bundle so consumers keep the
// lazy per-layout loading behavior (`import('@antv/layout/lib/...')`).
const external = ['@antv/event-emitter', 'regl', /^@antv\/layout(\/|$)/];

const ts = () =>
  typescript({
    tsconfig: './tsconfig.json',
    compilerOptions: {
      noEmit: false,
      declaration: false,
      declarationMap: false,
      sourceMap: true,
    },
  });

const optionalLayouts = Object.fromEntries(
  ['mds', 'radial', 'indented', 'mindmap', 'fishbone', 'random'].map((type) => [
    `layouts/${type}`,
    `src/layout/optional/${type}.ts`,
  ]),
);

export default [
  // npm 产物：ESM bundle + 独立 layout worker chunk。
  {
    input: {
      index: 'src/index.ts',
      // workerLayout.ts 以 `new URL('./layoutWorker.js', import.meta.url)` 引用
      // worker，入口必须保持扁平文件名，落在 dist 根目录。
      layoutWorker: 'src/layout/layoutWorker.ts',
      ...optionalLayouts,
    },
    external,
    output: {
      dir: 'dist',
      format: 'es',
      entryFileNames: '[name].js',
      chunkFileNames: 'chunks/[name]-[hash].js',
      sourcemap: true,
    },
    plugins: [ts()],
  },
  // Share declarations between the main entry and the optional layouts.
  {
    input: { index: 'src/index.ts', ...optionalLayouts },
    external,
    output: {
      dir: 'dist',
      format: 'es',
      entryFileNames: '[name].d.ts',
      chunkFileNames: 'chunks/[name]-[hash].d.ts',
    },
    plugins: [dts({ respectExternal: true, compilerOptions: { stripInternal: true } })],
  },
  // 浏览器 script 标签直引的 UMD bundle（依赖内联；worker 失败自动回退主线程）。
  {
    input: 'src/index.ts',
    output: {
      file: 'dist/g6-lite.min.js',
      format: 'umd',
      name: 'G6Lite',
      sourcemap: true,
      inlineDynamicImports: true,
      plugins: [terser()],
    },
    plugins: [resolve({ browser: true, preferBuiltins: false }), commonjs(), ts()],
  },
  {
    input: 'src/layout/optional/index.ts',
    output: {
      file: 'dist/g6-lite-layouts.min.js',
      format: 'umd',
      name: 'G6LiteLayouts',
      sourcemap: true,
      plugins: [terser()],
    },
    plugins: [resolve({ browser: true, preferBuiltins: false }), commonjs(), ts()],
  },
];