rollup.config.js

//import path from "path";
import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import { terser } from 'rollup-plugin-terser';
import postcss from 'rollup-plugin-postcss';
import typescript from "@rollup/plugin-typescript";
import json from "@rollup/plugin-json";
import replace from "@rollup/plugin-replace";
//import analyze from 'rollup-plugin-analyzer';

const production = !process.env.ROLLUP_WATCH;

export default {
	input: './src/index.ts',
	output: [
		{
			sourcemap: true,
			format: 'cjs',
			file: 'dist/index.js'
		},
		{
			sourcemap: true,
			format: 'esm',
			file: 'dist.esm/index.js'
		}
	],
	external: [
		'@elastosfoundation/did-js-sdk',
		'web3',
		'web3-core',
		'moment',
		'rxjs',
		'@walletconnect/client',
		'@walletconnect/web3-provider',
		'@walletconnect/utils',

		// TODO: theoretically we shouldn't have to remove this manually, as we don't include it ourselves.
		// But can't find the parent dependency for now.
		'bn.js',
	],
	plugins: [
		postcss({
			extract: 'bundle.css'
		}),
		json(),

		// If you have external dependencies installed from
		// npm, you'll most likely need these plugins. In
		// some cases you'll need additional configuration -
		// consult the documentation for details:
		// https://github.com/rollup/plugins/tree/master/packages/commonjs
		resolve({
			browser: true,
			dedupe: ['@elastosfoundation/did-js-sdk'],
			preferBuiltins: true
		}),
		commonjs(),
		typescript({
			sourceMap: true,
			inlineSources: !production
		}),

		// To fix the "exports is not defined" runtime error in browser because some dependencies of
		// wallet connect have code that generates calls to "exports" which doesn't exist in browsers.
		// https://github.com/rollup/rollup/issues/2332
		// https://github.com/microsoft/TypeScript/issues/32934
		replace({
			'Object.defineProperty(exports, "__esModule", { value: true });': '',
			delimiters: ['\n', '\n'],
			preventAssignment: true
		}),

		// If we're building for production (npm run build
		// instead of npm run dev), minify
		production && terser(),

		/*analyze({
				limit: 10
		})*/
	],
	watch: {
		clearScreen: true
	}
};