core/packages/runtime-core/rollup.config.cjs at b74b2d0e6cebfaa3fdafacb993ba49a4551322af · vureact-js/core · 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
import alias from '@rollup/plugin-alias';
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';
import { visualizer } from 'rollup-plugin-visualizer';
import { author, version } from './package.json';

const banner = `/**
 * @vureact/runtime-core v${version}
 * (c) 2025-present ${author}
 * @license MIT
 */
`;

const entries = {
  'runtime-core': 'src/index.ts',
  'adapter-components': 'src/adapter-components/index.ts',
  'adapter-hooks': 'src/adapter-hooks/index.ts',
  'adapter-utils': 'src/adapter-utils/index.ts',
};

const manualChunks = (id) => {
  // 根据源模块路径来正确命名 chunk，避免模块名导致的误会
  if (id.includes('adapter-components')) return 'adapter-components-shared';
  if (id.includes('adapter-hooks')) return 'adapter-hooks-shared';
  if (id.includes('adapter-router')) return 'adapter-router-shared';
  if (id.includes('adapter-utils')) return 'adapter-utils-shared';
};

const outputItem = (type = 'js', format = 'cjs') => ({
  dir: `dist/${type === 'js' ? 'cjs' : 'esm'}`,
  format,
  entryFileNames: `[name].${type}`, // 保持分包目录结构
  chunkFileNames: `chunks/[name]-[hash].${type}`, // 公共代码提取到 chunks 目录
  sourcemap: true,
  banner,
  manualChunks,
});

const externalPkgs = [
  'react',
  'react-dom',
  'react-transition-group',
  'react-fast-compare',
  'valtio',
  'klona',
  'freeze-mutate',
];

const external = (id) => externalPkgs.some((pkg) => id === pkg || id.startsWith(pkg + '/'));

export default [
  {
    input: entries,

    output: [outputItem(), outputItem('esm.js', 'es')],

    external,

    treeshake: {
      preset: 'recommended',
      moduleSideEffects: true,
    },

    plugins: [
      resolve({}),

      commonjs(),

      alias({
        entries: {
          '@src': './src',
        },
        resolve: ['.ts', '.tsx'],
      }),

      typescript({
        tsconfig: './tsconfig-rollup.json',
        declaration: false,
        // 添加 types 配置
        types: ['node'],
        // 添加 compiler options
        compilerOptions: {
          types: ['node'],
        },
      }),

      terser({
        compress: {
          drop_console: false,
          pure_funcs: [
            'console.log',
            'console.warn',
            'console.info',
            'console.debug',
            'console.trace',
          ],
          passes: 2,
          booleans: true,
          conditionals: true,
          dead_code: true,
          unused: true,
          join_vars: true,
          sequences: true,
          reduce_funcs: true,
          comparisons: true,
        },
        format: {
          beautify: false,
          comments: (_, comment) => {
            const text = comment.value;
            return /@vureact\/runtime-core/i.test(text);
          },
        },
      }),

      visualizer({
        filename: './bundles-size.html',
        open: false,
      }),
    ],
  },

  ...Object.keys(entries).map((name) => ({
    input: entries[name],
    output: {
      file: `dist/types/${name}.d.ts`,
      format: 'es',
    },
    plugins: [dts()],
    external,
  })),
];