rollup.config.js

// const definition = require("./package.json");
// const dependencies = Object.keys(definition.dependencies);

// export default {
//   input: "index.js",
//   external: dependencies,
//   output: {
//     extend: true,
//     file: `build/${definition.name}.js`,
//     format: "umd",
//     globals: dependencies.reduce((p, v) => (p[v] = "d3", p), {}),
//     name: "d3"
//   }
// };

import ascii from "rollup-plugin-ascii";
import node from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import terser from "@rollup/plugin-terser";
import meta from "./package.json" assert { type: "json" };

const copyright = `// ${meta.homepage} v${
  meta.version
} Copyright ${new Date().getFullYear()} ${meta.author.name}`;

export default [
  {
    input: "src/forceInABox.js",
    plugins: [
      node({
        jsxnext: true,
        main: true,
        browser: true,
      }),
      ascii(),
    ],
    external: ["d3"],
    output: {
      extend: true,
      banner: copyright,
      file: "dist/forceInABox.js",
      format: "umd",
      indent: false,
      name: "forceInABox",
      globals: {
        d3: "d3",
        "d3-scale-chromatic": "d3ScaleChromatic",
      },
    },
  },
  {
    input: "src/forceInABox.js",
    plugins: [
      node({
        jsxnext: true,
      }),
      ascii(),
      commonjs(),
    ],
    external: ["d3"],
    output: {
      extend: true,
      banner: copyright,
      file: meta.module,
      format: "esm",
      indent: false,
      name: "forceInABox",
      globals: {
        d3: "d3",
        "d3-scale-chromatic": "d3ScaleChromatic",
      },
    },
  },
  {
    input: "src/forceInABox",
    plugins: [
      node({
        jsxnext: true,
        main: true,
        browser: true,
      }),
      ascii(),
      terser({ output: { preamble: copyright } }),
    ],
    external: ["d3", "d3-scale-chromatic"],
    output: {
      extend: true,
      file: "dist/forceInABox.min.js",
      format: "umd",
      indent: false,
      name: "forceInABox",
      globals: {
        d3: "d3",
        "d3-scale-chromatic": "d3ScaleChromatic",
      },
    },
  },
];