eleventy-static-starter/rollup.config.js at main · welt/eleventy-static-starter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
// rollup.config.js
// https://rollupjs.org/guide/en/
import terser from "@rollup/plugin-terser";
import { babel } from "@rollup/plugin-babel";
import { nodeResolve } from "@rollup/plugin-node-resolve";

/* Hack for unusual ESM/npm package structure - oudated plugin */
/* https://github.com/shuizhongyueming/rollup-plugin-output-manifest/issues/21#issuecomment-1368169746 */
import pluginManifest from "rollup-plugin-output-manifest";
const { default: outputManifest } = pluginManifest;

const devMode = process.env.NODE_ENV !== "production";

// Options for creating hash manifest of the outputs.
const manifestOpts = {
  isMerge: true,
  fileName: "../../src/_data/manifest.json",
};
const iifeOpts = {
  // Re-using the main.js file for the ES5 IIFE bundle,
  // so we have to force a different key name in the manifest.
  keyValueDecorator: (k, v) => ({ [`${k}.iife.js`]: v }),
};

const noop = () => {};

export default [
  {
    input: "./src/js/main.js",
    plugins: [nodeResolve(), devMode ? noop() : outputManifest(manifestOpts)],
    output: {
      entryFileNames: devMode ? "bundle.esm.js" : "bundle-[hash].esm.js",
      generatedCode: "es2015",
      name: "bundle",
      format: "es",
      dir: "./_site/js/",
      sourcemap: devMode ? "inline" : false,
      plugins: [
        devMode
          ? noop()
          : terser({
              ecma: 2020,
              mangle: { toplevel: true },
              compress: {
                module: true,
                toplevel: true,
                unsafe_arrows: true,
                drop_console: !devMode,
                drop_debugger: !devMode,
              },
              output: {
                quote_style: 1,
                comments: false,
              },
            }),
      ],
    },
    watch: {
      include: "./src/js/**",
      clearScreen: false,
    },
  },
  {
    input: "./src/js/main.js",
    plugins: [
      nodeResolve(),
      babel({
        presets: ["@babel/preset-env"],
        babelHelpers: "bundled",
      }),
      devMode ? noop() : outputManifest(Object.assign(manifestOpts, iifeOpts)),
    ],
    output: {
      entryFileNames: devMode ? "bundle.iife.js" : "bundle-[hash].iife.js",
      name: "main",
      dir: "./_site/js/",
      format: "iife",
      sourcemap: devMode ? "inline" : false,
      plugins: [
        devMode
          ? noop()
          : terser({
              ecma: 2015, // @see https://terser.org/docs/api-reference.html#minify-options
              mangle: { toplevel: true },
              compress: {
                module: true,
                toplevel: true,
                unsafe_arrows: true,
                drop_console: !devMode,
                drop_debugger: !devMode,
              },
              output: {
                quote_style: 1,
                comments: false,
              },
            }),
      ],
    },
  },
];