/
rollup.config.js
70 lines (70 loc) · 1.78 KB
/
rollup.config.js
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
import commonjs from 'rollup-plugin-commonjs';
import json from 'rollup-plugin-json';
import resolve from 'rollup-plugin-node-resolve';
import postcss from 'rollup-plugin-postcss';
import external from 'rollup-plugin-peer-deps-external';
import sourceMaps from 'rollup-plugin-sourcemaps';
import { terser } from 'rollup-plugin-terser';
import typescript from 'rollup-plugin-typescript2';
import pkg from './package.json';
import { visualizer } from 'rollup-plugin-visualizer';
import sizes from 'rollup-plugin-sizes';
export default {
input: `src/index.tsx`,
output: [
{
file: pkg.main,
format: 'cjs',
sourcemap: true,
plugins: [terser()],
exports: 'auto',
},
{
file: pkg.module,
format: 'es',
sourcemap: true,
plugins: [terser()],
exports: 'auto',
},
{
file: 'dist/index.js',
format: 'cjs',
sourcemap: true,
exports: 'auto',
},
],
watch: {
include: 'src/**',
},
plugins: [
external(),
postcss({
modules: true,
}),
// Allow json resolution
json(),
// Allow node_modules resolution, so you can use 'external' to control
// which external modules to include in the bundle
// https://github.com/rollup/rollup-plugin-node-resolve#usage
resolve(),
// Allow bundling cjs modules (unlike webpack, rollup doesn't understand cjs)
commonjs({
ignoreGlobal: true,
include: /\/node_modules\//,
namedExports: {
react: Object.keys(require('react')),
'react-is': Object.keys(require('react-is')),
},
}),
// Resolve source maps to the original source
sourceMaps(),
// Compile TypeScript files
typescript({
useTsconfigDeclarationDir: true,
exclude: ['**/__tests__/**', '*.spec.*', '*.test.*'],
clean: true,
}),
visualizer(), // Generates a visual report in stats.html
sizes(), // Highlights size of deps
],
};