rollup-esm.config.js

const alias = require('@rollup/plugin-alias');
const { nodeResolve } = require('@rollup/plugin-node-resolve');
const typescript = require('rollup-plugin-typescript2');
const scss = require('rollup-plugin-scss');

const packageJson = require('./package.json');

module.exports = {
  //   input: 'dist/esm/index.js',
  input: 'src/index.ts',
  output: [
    {
      file: packageJson.module,
      format: 'esm', // ES Modules
      sourcemap: true
    }
  ],
  external: ['react', 'react-dom'],
  plugins: [
    alias({
      entries: [
        { find: 'react', replacement: 'preact/compat' },
        { find: 'react-dom/test-utils', replacement: 'preact/test-utils' },
        { find: 'react-dom', replacement: 'preact/compat' },
        { find: 'react/jsx-runtime', replacement: 'preact/jsx-runtime' }
      ]
    }),
    nodeResolve(),
    typescript({
      useTsconfigDeclarationDir: false
    }),
    scss()
  ]
};

// const { nodeResolve } = require('@rollup/plugin-node-resolve');
// const commonjs = require('@rollup/plugin-commonjs');
// const scss = require('rollup-plugin-scss');
// const replace = require('@rollup/plugin-replace');
// const { terser } = require('rollup-plugin-terser');

// const isProduction = process.env.IS_PRODUCTION;
// let exitCode = 0;

// function circularFailPlugin() {
//   return {
//     name: 'circluarFailPlugin',
//     buildEnd() {
//       if (exitCode !== 0) {
//         process.exit(exitCode);
//       }
//     }
//   };
// }

// module.exports = ({ packageName, name }) => ({
//   input: 'dist/esm/index.js',
//   output: {
//     file: `dist/umd/${packageName}${isProduction ? '.min' : ''}.js`,
//     format: 'umd',
//     inlineDynamicImports: true,
//     name,
//     globals: {
//       react: 'React',
//       'react-dom': 'ReactDOM'
//     }
//   },
//   external: ['react', 'react-dom'],
//   plugins: [
//     replace({
//       'process.env.NODE_ENV': `'${isProduction ? 'production' : 'development'}'`
//     }),
//     nodeResolve(),
//     commonjs(),
//     scss(),
//     isProduction && terser(),
//     circularFailPlugin()
//   ],
//   onwarn(warning) {
//     if (warning.code === 'CIRCULAR_DEPENDENCY') {
//       const split = warning.message.split(':');
//       if (warning.message.includes('d3-interpolate')) {
//         // eslint-disable-next-line no-console
//         console.error(`\x1b[33m(!) ${split[0]}:\x1b[0m${split[1]}`);
//       } else {
//         // eslint-disable-next-line no-console
//         console.error(`\x1b[31m(!) ${split[0]}:\x1b[0m${split[1]}`);
//         exitCode = 1;
//       }
//     }
//   }
// });