rollup.config.js

import babel from '@rollup/plugin-babel';
import external from 'rollup-plugin-peer-deps-external';
import commonjs from '@rollup/plugin-commonjs';
import replace from 'rollup-plugin-replace';
import { terser } from 'rollup-plugin-terser';
import { nodeResolve } from '@rollup/plugin-node-resolve';

import pkg from './package.json';

import process from 'process';
process.env.NODE_ENV = 'production';

const externalPackages = [
	'axios',
	'form-data',
	'isomorphic-ws',
	'base64-js',
	/@babel\/runtime/,
];

const browserIgnore = {
	name: 'browser-remapper',
	resolveId: (importee) =>
		['jsonwebtoken', 'https', 'crypto'].includes(importee) ? importee : null,
	load: (id) =>
		['jsonwebtoken', 'https', 'crypto'].includes(id) ? 'export default null;' : null,
};

const extensions = ['.mjs', '.json', '.node', '.js', '.ts'];

const babelConfig = {
	babelHelpers: 'runtime',
	exclude: 'node_modules/**',
	extensions,
};

const baseConfig = {
	input: 'src/index.ts',
	cache: false,
	watch: {
		chokidar: false,
	},
};
const normalBundle = {
	...baseConfig,
	output: [
		{
			file: pkg.main,
			format: 'cjs',
			sourcemap: true,
		},
		{
			file: pkg.module,
			format: 'es',
			sourcemap: true,
		},
	],
	external: externalPackages.concat(['https', 'jsonwebtoken', 'crypto']),
	plugins: [
		replace({ 'process.env.PKG_VERSION': JSON.stringify(pkg.version) }),
		external(),
		nodeResolve({ extensions }),
		babel(babelConfig),
		commonjs(),
	],
};

const browserBundle = {
	...baseConfig,
	output: [
		{
			file: pkg.browser[pkg.main],
			format: 'cjs',
			sourcemap: true,
		},
		{
			file: pkg.browser[pkg.module],
			format: 'es',
			sourcemap: true,
		},
	],
	external: externalPackages,
	plugins: [
		replace({ 'process.env.PKG_VERSION': JSON.stringify(pkg.version) }),
		browserIgnore,
		external(),
		nodeResolve({ extensions }),
		babel(babelConfig),
		commonjs(),
	],
};
const fullBrowserBundle = {
	...baseConfig,
	output: [
		{
			file: pkg.jsdelivr,
			format: 'iife',
			name: 'window', // write all exported values to window
			extend: true, // extend window, not overwrite it
			sourcemap: true,
		},
	],
	plugins: [
		replace({ 'process.env.PKG_VERSION': JSON.stringify(pkg.version) }),
		browserIgnore,
		external(),
		nodeResolve({ extensions, browser: true }),
		babel(babelConfig),
		commonjs(),
		terser(),
	],
};

export default () =>
	process.env.ROLLUP_WATCH
		? [normalBundle, browserBundle]
		: [normalBundle, browserBundle, fullBrowserBundle];