rollup.build.js

import commonjs from "rollup-plugin-commonjs";
import nodeResolve from "rollup-plugin-node-resolve";
import nodeBuiltins from "rollup-plugin-node-builtins";
import babel from "rollup-plugin-babel";
import { terser } from "rollup-plugin-terser";
import { generateHeader } from "vis-dev-utils";
import css from "rollup-plugin-css-porter";
import copy from "rollup-plugin-copy";
import packageJSON from "./package.json";

const banner = generateHeader({ name: "vis-timeline and vis-graph2d" });

const globals = {
  "@egjs/hammerjs": "Hammer",
  "emitter-component": "Emitter",
  "propagating-hammerjs": "propagating",
  "vis-data": "vis",
  "vis-util": "vis",
  keycharm: "keycharm",
  moment: "moment"
};

// These are used in the public API and if there are different versions imported
// by the user compatibility issues may arise.
const externalPeer = ["moment", "vis-data"];
// These have big potential to cause bundle bloat.
const externalESNext = [].concat.call(
  [],
  Object.keys(packageJSON.dependencies),
  Object.keys(packageJSON.peerDependencies),

  // This will show a warning if any of them is used. The idea behind it is that
  // if someone accidentaly imports a dev dependency they won't accidentaly add
  // it to globals and Rollup will warn them about their error.
  Object.keys(packageJSON.devDependencies)
);

const commonOutputESM = {
  banner,
  format: "esm",
  globals,
  sourcemap: true
};
const commonOutputUMD = {
  banner,
  exports: "named",
  extend: true,
  format: "umd",
  globals,
  name: "vis",
  sourcemap: true
};

const commonPlugins = [
  copy({
    targets: [
      {
        src: "dev-lib/bundle-esm.js",
        dest: ["esnext", "peer", "standalone"],
        rename: "index.js"
      },
      {
        src: "dev-lib/bundle-index.js",
        dest: [
          "esnext/esm",
          "esnext/umd",
          "peer/esm",
          "peer/umd",
          "standalone/esm",
          "standalone/umd"
        ],
        rename: "index.js"
      }
    ]
  }),
  css({
    dest: "styles/vis-timeline-graph2d.css"
  }),
  commonjs(),
  nodeBuiltins(),
  nodeResolve({ browser: true })
];

const babelPlugin = babel({
  runtimeHelpers: true
});
const terserPlugin = terser({
  output: {
    comments: "some"
  }
});

export default [
  {
    input: "lib/bundle-standalone.js",
    output: [
      Object.assign({}, commonOutputESM, {
        file: "standalone/esm/vis-timeline-graph2d.js"
      }),
      Object.assign({}, commonOutputUMD, {
        file: "standalone/umd/vis-timeline-graph2d.js"
      })
    ],
    plugins: [].concat.call([], commonPlugins, [babelPlugin])
  },
  {
    input: "lib/bundle-standalone.js",
    output: [
      Object.assign({}, commonOutputESM, {
        file: "standalone/esm/vis-timeline-graph2d.min.js"
      }),
      Object.assign({}, commonOutputUMD, {
        file: "standalone/umd/vis-timeline-graph2d.min.js"
      })
    ],
    plugins: [].concat(commonPlugins, [babelPlugin, terserPlugin])
  },

  {
    external: externalPeer,
    input: "lib/bundle-peer.js",
    output: [
      Object.assign({}, commonOutputESM, {
        file: "peer/esm/vis-timeline-graph2d.js"
      }),
      Object.assign({}, commonOutputUMD, {
        file: "peer/umd/vis-timeline-graph2d.js"
      })
    ],
    plugins: [].concat.call([], commonPlugins, [babelPlugin])
  },
  {
    external: externalPeer,
    input: "lib/bundle-peer.js",
    output: [
      Object.assign({}, commonOutputESM, {
        file: "peer/esm/vis-timeline-graph2d.min.js"
      }),
      Object.assign({}, commonOutputUMD, {
        file: "peer/umd/vis-timeline-graph2d.min.js"
      })
    ],
    plugins: [].concat(commonPlugins, [babelPlugin, terserPlugin])
  },

  {
    external: externalESNext,
    input: "lib/bundle-peer.js",
    output: [
      Object.assign({}, commonOutputESM, {
        file: "esnext/esm/vis-timeline-graph2d.js"
      }),
      Object.assign({}, commonOutputUMD, {
        file: "esnext/umd/vis-timeline-graph2d.js"
      })
    ],
    plugins: commonPlugins
  },
  {
    external: externalESNext,
    input: "lib/bundle-peer.js",
    output: [
      Object.assign({}, commonOutputESM, {
        file: "esnext/esm/vis-timeline-graph2d.min.js"
      }),
      Object.assign({}, commonOutputUMD, {
        file: "esnext/umd/vis-timeline-graph2d.min.js"
      })
    ],
    plugins: [].concat(commonPlugins, [terserPlugin])
  }
];