Allow for debug and production builds of Monaco JS files

build/.gitignore

@@ -1,4 +1,5 @@
-/dist/
+/dist-debug/
+/dist-prod/
 /node_modules/
 
 package-lock.json

build/README.md

@@ -18,5 +18,5 @@ just install
 just build
 ```
 
-> **NOTE:** This will output the files to the `dist/` directory.
+> **NOTE:** This will output the files to the `dist-debug/` and `dist-prod/` directories.
 > Use `just build_js` in the root directory to update the files used by the library.

build/justfile

@@ -1,7 +1,14 @@
 # Build the Monaco Javascript files
-@build:
-    -rm dist/*
-    npm run build
+@build: build-debug build-prod
+
+@build-prod:
+    -rm dist-prod/*
+    npm run build-prod
+
+@build-debug:
+    -rm dist-debug/*
+    npm run build-debug
+
 
 # Install the node dependencies
 @install:

build/package.json

@@ -1,6 +1,7 @@
 {
   "scripts": {
-    "build": "rollup -c"
+    "build-prod": "rollup -c",
+    "build-debug": "rollup -c --configDebug"
   },
   "dependencies": {
     "monaco-editor": "^0.32"

build/rollup.config.js

@@ -2,8 +2,6 @@ import { nodeResolve } from "@rollup/plugin-node-resolve";
 import styles from "rollup-plugin-styles";
 import { terser } from "rollup-plugin-terser";
 
-const commonPlugins = [nodeResolve(), terser()];
-
 const workers = [
   {
     name: "editor.worker",
@@ -19,25 +17,31 @@ const workers = [
     input: "language/html/html.worker",
   },
 ];
-const workerConfigs = workers.map((worker) => ({
-  input: `monaco-editor/esm/vs/${worker.input}`,
-  output: {
-    format: "iife",
-    file: `dist/${worker.name}.js`,
-    inlineDynamicImports: true,
-  },
-  plugins: [...commonPlugins],
-}));
 
-export default [
-  {
-    input: "monaco-editor",
+export default args => {
+  const commonPlugins = args.configDebug ? [nodeResolve()] : [nodeResolve(), terser()];
+  const dist = args.configDebug ? "dist-debug" : "dist-prod";
+
+  const workerConfigs = workers.map((worker) => ({
+    input: `monaco-editor/esm/vs/${worker.input}`,
     output: {
-      format: "es",
-      file: "dist/editor.js",
+      format: "iife",
+      file: `${dist}/${worker.name}.js`,
       inlineDynamicImports: true,
     },
-    plugins: [styles(), ...commonPlugins],
-  },
-  ...workerConfigs,
-];
+    plugins: [...commonPlugins],
+  }));
+
+  return [
+    {
+      input: "monaco-editor",
+      output: {
+        format: "es",
+        file: `${dist}/editor.js`,
+        inlineDynamicImports: true,
+      },
+      plugins: [styles(), ...commonPlugins],
+    },
+    ...workerConfigs,
+  ];
+}