react/rollup.config.mjs at main · hugeicons/react · 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
import { defineConfig } from 'rollup';
import typescript from '@rollup/plugin-typescript';
import terser from '@rollup/plugin-terser';
import dts from 'rollup-plugin-dts';
import nodeResolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import { writeFileSync, mkdirSync } from 'fs';

// Plugin to generate package.json with "type": "module" for ESM build
const generateEsmPackageJson = () => ({
  name: 'generate-esm-package-json',
  writeBundle(options) {
    if (options.dir && options.dir.includes('esm')) {
      writeFileSync(`${options.dir}/package.json`, JSON.stringify({ type: 'module' }, null, 2));
    }
  }
});

const input = 'src/index.ts';
const external = id => /^react($|\/)/.test(id);
const globals = {
  'react': 'React',
  'react/jsx-runtime': 'jsxRuntime'
};

// Shared TypeScript configuration
const typescriptConfig = {
  tsconfig: './tsconfig.json',
  declaration: false,
  sourceMap: true,
  inlineSources: true,
  noEmit: false,
  exclude: ['**/__tests__/**']
};

// Shared plugins for all builds
const basePlugins = [
  nodeResolve(),
  commonjs(),
  typescript(typescriptConfig)
];

// Production optimization plugins
const prodPlugins = [
  terser({
    output: { comments: false },
    compress: {
      drop_console: true,
      drop_debugger: true,
      pure_getters: true
    }
  })
];

export default defineConfig([
  // ESM build
  {
    input,
    output: {
      dir: 'dist/esm',
      format: 'esm',
      sourcemap: true,
      preserveModules: true,
      preserveModulesRoot: 'src'
    },
    external,
    plugins: [...basePlugins, generateEsmPackageJson()]
  },

  // CJS build
  {
    input,
    output: {
      dir: 'dist/cjs',
      format: 'cjs',
      sourcemap: true,
      preserveModules: true,
      preserveModulesRoot: 'src',
      exports: 'named'
    },
    external,
    plugins: basePlugins
  },

  // UMD build (minified)
  {
    input,
    output: {
      file: 'dist/umd/index.js',
      format: 'umd',
      name: 'HugeiconsReact',
      globals,
      sourcemap: true
    },
    external,
    plugins: [...basePlugins, ...prodPlugins]
  },

  // Types
  {
    input,
    output: {
      dir: 'dist/types',
      preserveModules: true,
      preserveModulesRoot: 'src'
    },
    external,
    plugins: [dts()]
  }
]);