rimmel/rollup.config.js at master · ReactiveHTML/rimmel · 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 { nodeResolve } from '@rollup/plugin-node-resolve';
import json from '@rollup/plugin-json';
import typescript from '@rollup/plugin-typescript';
import { visualizer } from 'rollup-plugin-visualizer';

const getTSConfig = (overrides = {}) => ({
	tsconfig: './tsconfig.build.json',
	declaration: false,
	declarationMap: false,
	emitDeclarationOnly: false,
	inlineSourceMap: false,
	inlineSources: true,
	noEmit: false,
	sourceMap: true,
	...overrides,
});

export default [
	{	// Global JS
		external: ['rxjs'],
		input: './src/index.ts',
		treeshake: {
			propertyReadSideEffects: false,    // Optimise property access side effects
		},
		plugins: [
			nodeResolve({ preferBuiltins: true }),
			// json(),
			typescript({
				...getTSConfig(),
			}),
			visualizer({ filename: 'bundle-stats-globaljs.html' }),
		],
		output: [{
			exports: 'named',
			externalLiveBindings: false,
			dir: './dist/globaljs',
			entryFileNames: '[name].mjs',
			freeze: true,
			generatedCode: 'es2015',
			format: 'iife',
			name: 'rml',
			globals: {
				'rxjs': 'rxjs',
			},
			sourcemap: true,
		}],
	},

	{	// ESM
		external: ['rxjs'],
		input: './src/index.ts',
		treeshake: {
			propertyReadSideEffects: false,    // Optimise property access side effects
		},
		plugins: [
			nodeResolve({ preferBuiltins: true }),
			json(),
			typescript({
				...getTSConfig(),
			}),
			visualizer({ filename: 'bundle-stats-esm.html' }),
		],
		output: [
			{
				exports: 'named',
				externalLiveBindings: false,
				freeze: false,
				sourcemap: true,
				entryFileNames: '[name].js',
				format: 'es',
				dir: './dist/esm',
				preserveModules: true,
			}
		],
	},

	{	// SSR
		external: ['rxjs'],
		input: './src/ssr/index.ts',
		treeshake: {
			moduleSideEffects: 'no-external',  // Only shake internal code
			propertyReadSideEffects: false,    // Optimise property access side effects
		},
		plugins: [
			nodeResolve({ preferBuiltins: true }),
			json(),
			typescript({
				...getTSConfig(),
			}),
			visualizer({ filename: 'bundle-stats-ssr.html' }),
		],
		output: [
			{
				exports: 'named',
				externalLiveBindings: false,
				dir: './dist/ssr',
				entryFileNames: '[name].mjs',
				format: 'es',
				freeze: false,
				sourcemap: true,
			},
			{
				exports: 'named',
				externalLiveBindings: false,
				dir: './dist/ssr',
				entryFileNames: '[name].cjs',
				format: 'cjs',
				freeze: false,
				sourcemap: true,
			}
		],
	},
];