chmelevskij/rollup.config.js

## rollup.config.js
import babel from '@rollup/plugin-babel';
import commonjs from '@rollup/plugin-commonjs';
import styles from 'rollup-plugin-styles';
import resolve from '@rollup/plugin-node-resolve';
import url from '@rollup/plugin-url';
import svgr from '@svgr/rollup';
import replace from '@rollup/plugin-replace';
import { terser } from 'rollup-plugin-terser';
import json from '@rollup/plugin-json'

function indexPlugin() {
  return {
    name: 'index',
    generateBundle(options, bundle) {
      // dunno if it's always first, but looks like it
      const [entry] = Object.keys(bundle);
      console.log(`Writing entry: ${entry}`);
      this.emitFile({
        type: 'asset',
        fileName: 'index.html',
        source: `
  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Forms</title>
  </head>
  <body>
    <div id="react-root"></div>
    <script type="module" src="index.mjs"></script>
    <script nomodule src="index.js"></script>
  </body>
  </html>
  `,
      });
    },
  };
}

export default {
  input: 'client/index.jsx',
  output: [
    {
      file: 'static/index.js',
      format: 'umd',
      sourcemap: true,
    },
    {
      file: 'static/index.mjs',
      format: 'es',
      sourcemap: true,
    },
  ],
  plugins: [
    replace({
        'process.env.NODE_ENV': JSON.stringify('development'),
    }),
    json(),
    styles(),
    url(),
    svgr(),
    resolve(),
    commonjs({ include: 'node_modules/**' }),
    babel({
      presets: ['@babel/preset-react'],

      exclude: 'node_modules/**',
      babelHelpers: 'bundled',
    }),
    terser(),
    // this will run twice, but it's fine
    indexPlugin(),
  ],
};
	import babel from '@rollup/plugin-babel';
	import commonjs from '@rollup/plugin-commonjs';
	import styles from 'rollup-plugin-styles';
	import resolve from '@rollup/plugin-node-resolve';
	import url from '@rollup/plugin-url';
	import svgr from '@svgr/rollup';
	import replace from '@rollup/plugin-replace';
	import { terser } from 'rollup-plugin-terser';
	import json from '@rollup/plugin-json'

	function indexPlugin() {
	return {
	name: 'index',
	generateBundle(options, bundle) {
	// dunno if it's always first, but looks like it
	const [entry] = Object.keys(bundle);
	console.log(`Writing entry: ${entry}`);
	this.emitFile({
	type: 'asset',
	fileName: 'index.html',
	source: `
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Forms</title>
	</head>
	<body>
	<div id="react-root"></div>
	<script type="module" src="index.mjs"></script>
	<script nomodule src="index.js"></script>
	</body>
	</html>
	`,
	});
	},
	};
	}

	export default {
	input: 'client/index.jsx',
	output: [
	{
	file: 'static/index.js',
	format: 'umd',
	sourcemap: true,
	},
	{
	file: 'static/index.mjs',
	format: 'es',
	sourcemap: true,
	},
	],
	plugins: [
	replace({
	'process.env.NODE_ENV': JSON.stringify('development'),
	}),
	json(),
	styles(),
	url(),
	svgr(),
	resolve(),
	commonjs({ include: 'node_modules/**' }),
	babel({
	presets: ['@babel/preset-react'],

	exclude: 'node_modules/**',
	babelHelpers: 'bundled',
	}),
	terser(),
	// this will run twice, but it's fine
	indexPlugin(),
	],
	};