avoid require() externals in UMD bundles

Author: beneidel

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsondiffpatch",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "author": "Benjamin Eidelman <[email protected]>",
   "description": "Diff & Patch for Javascript objects",
   "contributors": [

rollup-config-factory.js

@@ -14,19 +14,20 @@ import Visualizer from 'rollup-plugin-visualizer';
  * @param {string} dirName Output destination directory
  */
 export function createBrowserUmdBuildConfig(dirName = 'dist') {
+  const external = [
+    'chalk',
+  ];
   return {
     input: 'src/main.js',
-    external: [
-      // external node modules
-      'chalk',
-      // 'diff-match-patch'
-    ],
+    external,
     output: {
       name: pkg.name,
       file: pkg.browser.replace(/^dist\//, `${dirName}/`),
       format: 'umd',
+      ...outputExternal(external),
     },
     plugins: [
+      createEmptyModuleDist(),
       replace({ 'process.browser': true }),
       babel({
         exclude: 'node_modules/**',
@@ -43,26 +44,28 @@ export function createBrowserUmdBuildConfig(dirName = 'dist') {
  * @param {string} dirName Output destination directory
  */
 export function createSlimBrowserUmdBuildConfig(dirName = 'dist') {
+  const external = [
+    'chalk',
+    'diff-match-patch',
+  ];
   return {
     input: 'src/main.js',
-    external: [
-      // external node modules
-      'chalk',
-      'diff-match-patch',
-    ],
+    external,
     output: {
       name: pkg.name,
       file: pkg.browser
         .replace('.js', '.slim.js')
         .replace(/^dist\//, `${dirName}/`),
       format: 'umd',
+      ...outputExternal(external),
     },
     plugins: [
       new Visualizer({
         filename: pkg.browser
           .replace('.js', '.slim.stats.html')
           .replace(/^dist\//, `${dirName}/`),
       }),
+      createEmptyModuleDist(),
       replace({ 'process.browser': true }),
       babel({
         exclude: 'node_modules/**',
@@ -208,6 +211,9 @@ export const createBrowserTestBuild = (
         .replace(/^dist\//, `${dirName}/`),
       sourcemap: true,
       format: 'umd',
+      globals: {
+        'chalk': 'chalk',
+      },
     },
   };
 };
@@ -235,3 +241,37 @@ function copyFromFolderToDist(folder) {
     };
   };
 }
+
+function createEmptyModuleDist() {
+  return function() {
+    let executed = false;
+    return {
+      ongenerate: () => {
+        if (executed) {
+          return;
+        }
+        const distFilename = path.join(__dirname, 'dist', 'empty.js');
+        mkdirp(path.dirname(distFilename));
+        fs.writeFileSync(distFilename, '');
+        console.log(`dist/empty.js (created)`);
+        executed = true;
+      },
+    };
+  };
+}
+
+function outputExternal(names) {
+  if (!names || names.length < 1) {
+    return;
+  }
+  return {
+    globals: names.reduce((accum, name) => ({
+      ...accum,
+      [name]: name,
+    }), {}),
+    paths: names.reduce((accum, name) => ({
+      ...accum,
+      [name]: './empty',
+    }), {}),
+  };
+}