react-spring-carousel/rollup.config.js at dev · Emiliano-Bucci/react-spring-carousel · 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
import babel from 'rollup-plugin-babel'
import resolve from '@rollup/plugin-node-resolve'
import external from 'rollup-plugin-peer-deps-external'
import rollupTS from 'rollup-plugin-typescript2'
import { terser } from 'rollup-plugin-terser'
import commonjs from '@rollup/plugin-commonjs'
import pkg from './package.json'
import size from 'rollup-plugin-filesize'
import excludeDependenciesFromBundle from 'rollup-plugin-exclude-dependencies-from-bundle'

const props = {
  external: [
    ...Object.keys(pkg.dependencies || {}),
    ...Object.keys(pkg.peerDependencies || {}),
  ],
  plugins: [
    excludeDependenciesFromBundle({
      peerDependencies: true,
    }),
    rollupTS({
      useTsconfigDeclarationDir: true,
      tsconfigOverride: {
        exclude: ['Examples', 'node_modules'],
        compilerOptions: {
          target: 'ES2015',
          rootDir: './src',
        },
      },
    }),
    babel({
      exclude: 'node_modules/**',
      presets: ['@babel/preset-react'],
    }),
    external(),
    resolve(),
    commonjs(),
    terser(),
    size(),
  ],
}

export default [
  {
    input: [
      'src/index.tsx',
      'src/modules/index.tsx',
      'src/useSpringCarousel/index.tsx',
      'src/useTransitionCarousel/index.tsx',
    ],
    output: {
      dir: pkg.module,
      format: 'esm',
      sourcemap: true,
    },
    ...props,
  },
  {
    input: 'src/index.tsx',
    output: [
      {
        format: 'cjs',
        file: pkg.main,
        sourcemap: true,
      },
      {
        format: 'umd',
        file: './dist/umd/index.js',
        sourcemap: true,
        name: 'ReactSpringCarousel',
        globals: {
          react: 'React',
          'react-dom': 'ReactDOM',
          screenfull: 'Screenfull',
          'react/jsx-runtime': 'ReactJSXRuntime',
          'react-spring': 'ReactSpring',
          rxjs: 'rxjs',
          '@use-gesture/react': 'UseGestureReact',
        },
      },
    ],
    ...props,
  },
]