rollup.config.js

/* eslint-disable no-undef */
const path = require('path');
const meta = require('./package.json');

import resolve from "@rollup/plugin-node-resolve";
import replace from "rollup-plugin-replace";
import serve from "rollup-plugin-serve";
import livereload from "rollup-plugin-livereload";
import visualizer from "rollup-plugin-visualizer";

const copyright = `// ${meta.homepage} v${meta.version} Copyright ${(new Date).getFullYear()} ${meta.author.name}`;
const __DEVSERVER__ = process.env.NODE_ENV === "devserver";

const output = (name, output) => ({
    name: name,
    dir: "dist",        
    entryFileNames: '[name].js',
    format: "umd",
    banner: copyright,
    sourcemap: true,
    interop: "esModule",
    globals: {
        "mobx": "mobx",
        "d3": "d3"
    }
});
const external = ["mobx", "d3"];
const plugins = (outputName) => [
    resolve(),
    replace({
        __VERSION: JSON.stringify(meta.version),
        __BUILD: +(new Date()),
        __PACKAGE_JSON_FIELDS: JSON.stringify({
          homepage: meta.homepage,
          name: meta.name,
          description: meta.description
        })
      }),
    __DEVSERVER__ && serve({
        contentBase: ["demo", "dist"],
        port: 9000,
        verbose: true
    }),
    __DEVSERVER__ && livereload(["dist/", "demo/"]),
    !__DEVSERVER__ && visualizer({
        filename: `./dist/stats-${outputName}.html`
    }),
];

module.exports = dir => [{
    input: {"Vizabi": path.resolve(__dirname, 'src', 'core', 'vizabi_entry.js')},
    output: output("Vizabi", dir), 
    external,
    plugins: plugins("Vizabi")
}, {
    input: {"Dataframe": path.resolve(__dirname, 'src', 'dataframe', 'dataFrame.js')},
    output: output("Dataframe", dir),
    external,
    plugins: plugins("Dataframe")
}]