rollup.config.js

import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import babel from "@rollup/plugin-babel";
import image from "@rollup/plugin-image";
import inject from "@rollup/plugin-inject";
import amd from "rollup-plugin-amd";
import { terser } from "rollup-plugin-terser";
import visualizer from "rollup-plugin-visualizer";
import pkg from "./package.json";

const globals = {
  jquery: "$",
  moment: "moment"
};

export default [
  {
    input: "src/main.js",
    external: ["jquery", "moment", "jquery-ui-bundle"],
    // UMD builds, suitable for use in any environment (including the browser, as a `<script>` tag)
    output: [
      {
        name: "mizar",
        file: "dist/mizar.min.js",
        format: "umd",
        globals,
        // Minify bundle using terser
        plugins: [terser()]
      },
      // Readable UMD build
      {
        name: "mizar",
        file: "dist/mizar.js",
        format: "umd",
        globals
      },
      // an ES module bundle, suitable for use in other people's libraries and applications
      {
        file: pkg.module,
        format: "es",
        globals
      }
    ],
    plugins: [
      resolve(),
      commonjs(),
      // Resolving jquery-ui as amd modules throws an error
      amd({ exclude: ["node_modules/jquery-ui/**"] }),
      // Babel config
      babel({
        babelHelpers: "bundled",
        babelrc: false,
        exclude: ["node_modules/**"],
        // See https://github.com/browserslist/browserslist/
        presets: [["@babel/preset-env", { targets: { browsers: ["> 5%", "Firefox ESR"] }, modules: false }]]
      }),
      // Solve JQuery errors when importing the library
      inject({
        $: "jquery",
        jQuery: "jquery"
      }),
      // Allow image importing as base64, use it for convenience but it is not optimal
      image(),
      // Generates a stats.html file at the root to analyze the bundle
      visualizer()
    ]
  }
];