rollup.config.js

import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import json from '@rollup/plugin-json';
import { terser } from 'rollup-plugin-terser';
import nodePolyfills from 'rollup-plugin-polyfill-node';
import typescript from '@rollup/plugin-typescript';

export default {
	input: 'src/index.ts',
	output: [
		{
			sourcemap: true,
			format: 'iife',
			name: 'CriticalCSSGenerator',
			file: 'dist/bundle.full.js',
			globals: {
				'node-fetch': 'fetch',
			},
		},
		{
			sourcemap: true,
			format: 'iife',
			name: 'CriticalCSSGenerator',
			file: 'dist/bundle.js',
			plugins: [ terser() ],
			globals: {
				'node-fetch': 'fetch',
			},
		},
	],
	external: [ 'node-fetch' ],
	plugins: [
		resolve( { browser: true, preferBuiltins: false } ),
		typescript( {
			sourceMap: true,
			inlineSources: false,
		} ),
		commonjs( {
			transformMixedEsModules: true,
		} ),
		nodePolyfills(),
		json(),
	],
	watch: {
		clearScreen: false,
	},
};