Use rollup for all builds

- Provide production-ready versions of CJS and ESM builds
- Deprecate requiring individual files, e.g. require('react-router/Route')
- Remove dependency on babel-plugin-transform-imports

Fixes #6387

Author: mjackson

packages/react-router-config/.gitignore

@@ -1,4 +1,3 @@
-es/
+cjs/
+esm/
 umd/
-/*.js
-!/rollup.config.js

packages/react-router-config/es/matchRoutes.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import warnAboutDeprecatedESMImport from "./warnAboutDeprecatedESMImport.js";
+warnAboutDeprecatedESMImport("matchRoutes");
+
+import { matchRoutes } from "../esm/react-router-config.js";
+export default matchRoutes;

packages/react-router-config/es/renderRoutes.js

@@ -0,0 +1,7 @@
+"use strict";
+
+import warnAboutDeprecatedESMImport from "./warnAboutDeprecatedESMImport.js";
+warnAboutDeprecatedESMImport("renderRoutes");
+
+import { renderRoutes } from "../esm/react-router-config.js";
+export default renderRoutes;

packages/react-router-config/es/warnAboutDeprecatedESMImport.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var printWarning = function() {};
+
+if (process.env.NODE_ENV !== "production") {
+  printWarning = function(format, subs) {
+    var index = 0;
+    var message =
+      "Warning: " +
+      (subs.length > 0
+        ? format.replace(/%s/g, function() {
+            return subs[index++];
+          })
+        : format);
+
+    if (typeof console !== "undefined") {
+      console.error(message);
+    }
+
+    try {
+      // --- Welcome to debugging React Router ---
+      // This error was thrown as a convenience so that you can use the
+      // stack trace to find the callsite that triggered this warning.
+      throw new Error(message);
+    } catch (e) {}
+  };
+}
+
+export default function(member) {
+  printWarning(
+    'Please use `import { %s } from "react-router-config"` instead of `import %s from "react-router-config/%s"`. ' +
+      "Support for the latter will be removed in the next major release.",
+    [member, member]
+  );
+}

packages/react-router-config/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./cjs/react-router-config.min.js");
+} else {
+  module.exports = require("./cjs/react-router-config.js");
+}

packages/react-router-config/matchRoutes.js

@@ -0,0 +1,3 @@
+"use strict";
+require("./warnAboutDeprecatedCJSRequire.js")("matchRoutes");
+module.exports = require("./index.js").matchRoutes;

packages/react-router-config/modules/.babelrc

@@ -1,51 +1,17 @@
 {
+  "presets": [["env", { "loose": true, "modules": false }], "react"],
+  "plugins": [
+    "dev-expression",
+    ["transform-object-rest-spread", { "useBuiltIns": true }],
+    "transform-export-extensions"
+  ],
   "env": {
-    "build-cjs": {
-      "presets": [["env", { "loose": true }], "react"],
-      "plugins": [
-        "dev-expression",
-        ["transform-object-rest-spread", { "useBuiltIns": true }],
-        "transform-export-default",
-        [
-          "transform-imports",
-          {
-            "react-router": {
-              "transform": "react-router/${member}"
-            }
-          }
-        ]
-      ]
-    },
-    "build-esm": {
-      "presets": [["env", { "loose": true, "modules": false }], "react"],
-      "plugins": [
-        "dev-expression",
-        ["transform-object-rest-spread", { "useBuiltIns": true }],
-        "transform-export-default",
-        [
-          "transform-imports",
-          {
-            "react-router": {
-              "transform": "react-router/es/${member}"
-            }
-          }
-        ]
-      ]
-    },
     "test": {
       "presets": [["env", { "loose": true }], "react"],
       "plugins": [
         "dev-expression",
         ["transform-object-rest-spread", { "useBuiltIns": true }],
-        "transform-export-default",
-        [
-          "transform-imports",
-          {
-            "react-router": {
-              "transform": "react-router/modules/${member}"
-            }
-          }
-        ]
+        "transform-export-extensions"
       ]
     }
   }

packages/react-router-config/package-lock.json

@@ -8,14 +8,16 @@
     "Ryan Florence"
   ],
   "files": [
+    "cjs",
     "es",
+    "esm",
     "index.js",
     "matchRoutes.js",
     "renderRoutes.js",
     "umd"
   ],
   "main": "index.js",
-  "module": "es/index.js",
+  "module": "esm/index.js",
   "sideEffects": false,
   "scripts": {
     "build": "node ./scripts/build.js",
@@ -34,7 +36,7 @@
     "babel-jest": "^23.0.1",
     "babel-plugin-dev-expression": "^0.2.1",
     "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-export-default": "^7.0.0-alpha.20",
+    "babel-plugin-transform-export-extensions": "^6.22.0",
     "babel-plugin-transform-imports": "^1.5.1",
     "babel-plugin-transform-object-rest-spread": "^6.26.0",
     "babel-preset-env": "^1.7.0",

packages/react-router-config/package.json

@@ -0,0 +1,3 @@
+"use strict";
+require("./warnAboutDeprecatedCJSRequire.js")("renderRoutes");
+module.exports = require("./index.js").renderRoutes;