rollup.config.js

import html from 'rollup-plugin-html2';
import scss from 'rollup-plugin-scss';
import serve from 'rollup-plugin-serve';
import livereload from 'rollup-plugin-livereload';
import typescript from 'rollup-plugin-typescript2';
import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';
import copy from 'rollup-plugin-copy';
import { terser } from 'rollup-plugin-terser';
import ttypescript from 'ttypescript';

import pkg from './package.json';

const isProd = process.env.BUILD === 'prod';
const isDev = process.env.BUILD === 'dev';

export default [
  {
    input: './src/core.ts',
    output: [
      {
        file: './dist/app.js',
        format: 'iife',
        globals: {
          'pixi.js': 'PIXI',
        },
      },
    ],
    plugins: [
      resolve({ base: 'src', browser: true, preferBuiltins: false }),
      replace({
        preventAssignment: true,
        __VERSION__: JSON.stringify(pkg.version),
        __DCOVERSION__: JSON.stringify(pkg.dcoversion),
      }),
      typescript({
        typescript: ttypescript,
      }),
      commonjs({}),
      scss(),
      html({ template: './src/index.html', inject: false }),
      isProd && terser(),
      copy({
        targets: [
          {
            src: './src/assets/*',
            dest: 'dist/assets/',
          },
        ],
      }),
      isDev && serve('dist/'),
      isDev && livereload(),
    ],
    // Don't bundle PIXI -- coming via CDN in index.html
    external: ['pixi.js'],
  },
];