rollup.config.js

import babel from '@rollup/plugin-babel';
import vue from 'rollup-plugin-vue';
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import { uglify } from 'rollup-plugin-uglify';
import css from 'rollup-plugin-css-only';
import pck from './package.json';

const extensions = [
	'.js', '.vue'
];

const plugins = [
	resolve({ extensions }),
	commonjs(),
	css({ output: 'vue-gridmultiselect.css' }),
	vue({ 
		css: false, 
		compileTemplate: true,
		template: { 
			isProduction: true 
		},
		normalizer: '~vue-runtime-helpers/dist/normalize-component.js'
	}),
	babel({
		extensions: extensions,
		exclude: ['node_modules/**'],
		babelHelpers: 'bundled'
	})
];

const buildBanner = () => {
	return [
		'/*!',
		'* Vue GridMultiselect v' + pck.version,
		'* Copyright ' + pck.author + ' and other contributors',
		'* Licensed under ' + pck.license + ' (https://github.com/ProticM/vue-gridmultiselect/blob/master/LICENSE)',
		'*/'
	].join('\n');
};

const input = 'src/index.js';
const getOutput = (format, isMin) => {
	const isUMD = format === 'umd';
	return {
		file: `dist/vue-gridmultiselect${isMin ? '.min' : ''}${isUMD ? '' : '.esm'}.js`,
		format: format,
		...isUMD ? { name: 'VueGridMultiselect' } : null,
		banner: buildBanner()
	};
};

export default [{
	input: input,
	output: [getOutput('umd', true)],
	plugins: plugins.concat(uglify({ output: { comments: "/^!/" } }))
}, {
	input: input,
	output: [getOutput('umd', false)],
	plugins: plugins
}, {
	input: input,
	output: [getOutput('esm')],
	plugins: plugins
}];