vis-timeline/rollup.config.js

Create a fully customizable, interactive timeline with items and ranges.

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 genHeader from './lib/header';
import css from 'rollup-plugin-css-porter';
import copy from 'rollup-plugin-copy';

const GLOBALS = {
	moment: "moment",
	hammerjs: "hammerjs"
};

const copyStatic = copy({
	targets: [
		{ src: 'types', dest: 'dist' }
	]
});

const babelConfig = {
    babelrc: false,
    exclude: [/\/core-js\//],
    presets: [
        [
            "@babel/preset-env",
            {
                targets: '> 0.1% or not dead',
                useBuiltIns: 'usage',
                corejs: 3
            }
        ]
    ],
    plugins: ["css-modules-transform"]
};

export default [{
	input: 'index.js',
	output: {
		file: 'dist/vis-timeline-graph2d.esm.js',
		format: 'esm',
		banner: genHeader('timeline-graph2d'),
		sourcemap: true,
		globals: GLOBALS
	},
	plugins: [
		commonjs(),
		nodeBuiltins(),
		nodeResolve(),
		babel(babelConfig),
		css({
			dest: 'dist/vis-timeline-graph2d.css'
		}),
		copyStatic
	]
}, {
	input: 'index.js',
	output: {
		file: 'dist/vis-timeline-graph2d.min.js',
		name: 'vis',
		extend: true,
		exports: 'named',
		format: 'umd',
		banner: genHeader('timeline-graph2d'),
		sourcemap: true,
		globals: GLOBALS
	},
	plugins: [
		commonjs(),
		nodeBuiltins(),
		nodeResolve(),
		babel(babelConfig),
		terser({
                    output: {
                        comments: "some"
                    }
                }),
		css({
			dest: 'dist/vis-timeline-graph2d.css'
		}),
		copyStatic
	]
}];