rollup.config.js

import commonjs from '@rollup/plugin-commonjs';
import resolve from '@rollup/plugin-node-resolve';
import { uglify } from 'rollup-plugin-uglify';
import copy from 'rollup-plugin-copy';

const production = !process.env.ROLLUP_WATCH;

const compileJSFile = (input, output) => ({
  input,
  output: {
    format: 'iife',
    file: output,
  },
  plugins: [resolve(), commonjs(), production && uglify()],
  watch: {
    clearScreen: false,
  },
});

/**
 * File structure in the build folder
 * All the js files are uglified
 * build/
 *  background/
 *   background.html
 *   background.js
 * contentScripts/
 *   save.js
 *   update.js
 *   delete.js
 *   get.js
 *  images/
 *  (The options folder would be served via svelte later)
 *  options/
 *   options.html
 *   options.js
 *   options.css
 *  Roboto/
 *  utils/
 *  manifest.json
 */

export default [
  compileJSFile('background.js', 'build/background.js'),
  compileJSFile('contentScripts/save.js', 'build/contentScripts/save.js'),
  compileJSFile('contentScripts/delete.js', 'build/contentScripts/delete.js'),
  compileJSFile('contentScripts/update.js', 'build/contentScripts/update.js'),
  compileJSFile('contentScripts/get.js', 'build/contentScripts/get.js'),
  {
    input: 'options/options.js',
    output: {
      format: 'iife',
      file: 'build/options/options.js',
    },
    plugins: [
      resolve(),
      commonjs(),
      production && uglify(),
      copy({
        targets: [
          // The options page is supposed to be rewritten with svelte
          {
            src: ['options/index.html', 'options/options.css'],
            dest: ['build/options'],
          },
          {
            src: ['images', 'manifest.json', 'utils'],
            dest: ['build'],
          },
          {
            src: ['contentScripts/index.css'],
            dest: ['build/contentScripts'],
          },
        ],
        verbose: true,
      }),
    ],
    watch: {
      clearScreen: false,
    },
  },
];