package-template-rollup-react/rollup.config.js at main · ryanhefner/package-template-rollup-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
111
112
113
import babel from '@rollup/plugin-babel'
import commonjs from '@rollup/plugin-commonjs'
import json from '@rollup/plugin-json'
import resolve from '@rollup/plugin-node-resolve'
import { terser } from 'rollup-plugin-terser'

import pkg from './package.json'

const input = 'src/index.js'

const defaultOutputOptions = {
  name: pkg.name,
  format: 'umd',
  globals: {
    react: 'React',
    'react-dom': 'ReactDOM',
  },
  banner: `/*! [banner info] !*/`,
  footer: '/* [footer info] */',
}

const defaultPlugins = [json(), resolve({ browser: true })]

const external = ['react', 'react-dom']

export default [
  // UMD - Minified
  {
    input,
    output: {
      ...defaultOutputOptions,
      file: `dist/${pkg.name}.min.js`,
      format: 'umd',
    },
    external,
    plugins: [
      ...defaultPlugins,
      babel({
        exclude: 'node_modules/**',
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        babelHelpers: 'runtime',
        presets: ['@babel/preset-env', '@babel/preset-react'],
      }),
      terser(),
    ],
  },
  // UMD
  {
    input,
    output: {
      ...defaultOutputOptions,
      file: `dist/${pkg.name}.js`,
      format: 'umd',
    },
    external,
    plugins: [
      ...defaultPlugins,
      babel({
        exclude: 'node_modules/**',
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        babelHelpers: 'runtime',
        presets: ['@babel/preset-env', '@babel/preset-react'],
      }),
    ],
  },
  // ES
  {
    input,
    output: [
      {
        ...defaultOutputOptions,
        file: 'dist/esm/index.mjs',
        format: 'esm',
      },
    ],
    external,
    plugins: [
      ...defaultPlugins,
      babel({
        exclude: 'node_modules/**',
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        babelHelpers: 'runtime',
        presets: ['@babel/preset-env', '@babel/preset-react'],
      }),
    ],
  },
  // CJS
  {
    input,
    output: {
      ...defaultOutputOptions,
      file: 'dist/cjs/index.cjs',
      format: 'cjs',
      exports: 'auto',
    },
    external,
    plugins: [
      ...defaultPlugins,
      babel({
        exclude: 'node_modules/**',
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        babelHelpers: 'runtime',
        presets: [
          ['@babel/preset-env', { modules: false }],
          '@babel/preset-react',
        ],
      }),
      commonjs({
        include: /node_modules/,
      }),
    ],
  },
]