rollup.config.js

import commonjs from 'rollup-plugin-commonjs';
import htmlBundle from 'rollup-plugin-html-bundle';
import livereload from 'rollup-plugin-livereload';
import nodeResolve from 'rollup-plugin-node-resolve';
import serve from 'rollup-plugin-serve';
import styles from 'rollup-plugin-styles';
import { terser } from 'rollup-plugin-terser';

const production = !process.env.ROLLUP_WATCH;
const outputDir = production ? 'dist' : 'out';

export default {
    input: 'playground/index.js',
    output: {
        file: `${outputDir}/playground.js`,
        name: 'GameToolsJS',
        format: 'iife',
    },
    plugins: [
        nodeResolve(),
        commonjs(),
        styles(),
        production &&
        terser({
            /*mangle: {
                properties: {
                    keep_quoted: true,
                },
            },*/
            compress: {
                booleans_as_integers: true,
                drop_console: true,
            },
        }),
        htmlBundle({
            template: 'playground/index.html',
            target: `${outputDir}/index.html`,
        }),
        !production && serve({ contentBase: outputDir, open: true }),
        !production && livereload(outputDir),
    ],
    watch: {
        exclude: ['node_modules/**'],
    },
};