react-rollup-basic/rollup.config.js at master · emrekeskinmac/react-rollup-basic · 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
import replace from '@rollup/plugin-replace';
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import babel from 'rollup-plugin-babel';
import { terser } from 'rollup-plugin-terser';
import postcss from 'rollup-plugin-postcss'
import serve from 'rollup-plugin-serve';
import livereload from 'rollup-plugin-livereload';
import autoNamedExports from 'rollup-plugin-auto-named-exports';

const isProd = process.env.NODE_ENV === 'production';
const extensions = ['.js', '.ts', '.tsx'];


export default {
  input: 'src/index.tsx',
  output: {
    file: 'public/index.js',
    format: 'iife',
  },
  plugins: [
    replace({
      'process.env.NODE_ENV': JSON.stringify(isProd ? 'production' : 'development'),
    }),
    babel({
      extensions,
      exclude: /node_modules/,
      babelrc: false,
      runtimeHelpers: true,
      presets: [
        '@babel/preset-env',
        '@babel/preset-react',
        '@babel/preset-typescript',
      ],
      plugins: [
        'react-require',
        '@babel/plugin-syntax-dynamic-import',
        '@babel/plugin-proposal-class-properties',
        ['@babel/plugin-proposal-object-rest-spread', {
          useBuiltIns: true,
        }],
        ['@babel/plugin-transform-runtime', {
          corejs: 2,
          helpers: true,
          regenerator: true,
          useESModules: false,
        }],
      ],
    }),
    resolve({
      extensions,
      jsnext: true,
      main: true,
      browser: true
    }),
    commonjs({
      include: [
        "node_modules",
        "node_modules/**",
        "node_modules/**/*",],

      namedExports: {
        'node_modules/react/index.js': [
          'Children',
          'Component',
          'PureComponent',
          'PropTypes',
          'createElement',
          'Fragment',
          'createPortal',
          'isFragment',
          'cloneElement',
          'useCallback',
          'StrictMode',
          'useMemo',
          'useState',
          'useReducer',
          'useContext',
          'createFactory',
          'useRef',
          'createRef',
          'useEffect',
          'createContext',
          'isValidElement',
          'isValidElementType',
        ],
        'node_modules/react-dom/index.js': [
          'render',
          'hydrate',
          'findDOMNode',
          'unmountComponentAtNode',
          'createPortal',
        ],
        'node_modules/react-is/index.js': [
          'isValidElementType'
        ],
      },
    }),
    autoNamedExports(),
    postcss({
      plugins: [],
      minimize: true,
      sourceMap: 'inline',
    }),

    serve({
      open: true,
      historyApiFallback: true,
      contentBase: ['public']
    }),
    livereload(),
    (isProd && terser()),
  ],
};