Enable new babel mode #25635

timneutkens · 2021-05-31T09:10:55Z

Enables the new Babel mode when using webpack 5 (will be landed in a new major)

Bug

Related issues linked using fixes #number
Integration tests added

Feature

Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
Related issues linked using fixes #number
Integration tests added
Documentation added
Telemetry added. In case of a feature if it's used or not.

Documentation / Examples

Make sure the linting passes

ijjk · 2021-06-01T12:02:23Z

Stats from current PR

Default Server Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
buildDuration	11.3s	11.2s	-138ms
buildDurationCached	3.3s	3.1s	-129ms
nodeModulesSize	46.7 MB	46.7 MB	⚠️ +131 B

Page Load Tests Overall increase ✓

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	1.993	1.977	-0.02
/ avg req/sec	1254.65	1264.68	+10.03
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.032	1.018	-0.01
/error-in-render avg req/sec	2421.33	2456.62	+35.29

Client Bundles (main, webpack, commons) Overall decrease ✓

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
framework-HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	19.4 kB	19.4 kB	-5 B
webpack-HASH.js gzip	804 B	804 B	✓
Overall change	59.5 kB	59.5 kB	-5 B

Legacy Client Bundles (polyfills) Overall decrease ✓

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	-2 B
Overall change	31.1 kB	31.1 kB	-2 B

Client Pages Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_app-HASH.js gzip	1.02 kB	1.02 kB	✓
_error-HASH.js gzip	3.06 kB	3.07 kB	⚠️ +3 B
amp-HASH.js gzip	526 B	527 B	⚠️ +1 B
css-HASH.js gzip	334 B	334 B	✓
hooks-HASH.js gzip	890 B	890 B	✓
index-HASH.js gzip	262 B	263 B	⚠️ +1 B
link-HASH.js gzip	1.65 kB	1.64 kB	-3 B
routerDirect..HASH.js gzip	331 B	333 B	⚠️ +2 B
withRouter-HASH.js gzip	329 B	330 B	⚠️ +1 B
bb14e60e810b..30f.css gzip	125 B	125 B	✓
Overall change	8.53 kB	8.53 kB	⚠️ +5 B

Client Build Manifests

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_buildManifest.js gzip	392 B	392 B	✓
Overall change	392 B	392 B	✓

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
index.html gzip	561 B	561 B	✓
link.html gzip	569 B	570 B	⚠️ +1 B
withRouter.html gzip	557 B	558 B	⚠️ +1 B
Overall change	1.69 kB	1.69 kB	⚠️ +2 B

Diffs

Diff for _buildManifest.js

@@ -1,23 +1,23 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-7b6faa8fb6d094524ece.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-96d821e908dd023681e4.js"],
   "/_error": [
-    "static\u002Fchunks\u002Fpages\u002F_error-6484fb7e0c6321ed99b4.js"
+    "static\u002Fchunks\u002Fpages\u002F_error-93cb8d6a3e74cf2fe4b2.js"
   ],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-cd6ecfee935256afbc83.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-7f1c918feab47667356f.js"],
   "/css": [
     "static\u002Fcss\u002F59de118426c393f58653.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-1e7a8fe91b28197539e2.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-30f56ff29e8ee4ef81a9.js"
   ],
   "/hooks": [
-    "static\u002Fchunks\u002Fpages\u002Fhooks-ac434c51eeb0f395a39d.js"
+    "static\u002Fchunks\u002Fpages\u002Fhooks-1a097873c02b793e8683.js"
   ],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-4fe890c54542b20b55c4.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-9ddbd6b16dce28fb106c.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-2ffbe1bc5bc0c7d0c63f.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-ae68b1c6ae0c3591e527.js"
   ],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-f37850ba5054ee39257d.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-452d126a75584c6a354e.js"
   ],
   sortedPages: [
     "\u002F",

Diff for _app-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 6381: /***/ function(
+    /***/ 3857: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -60,7 +60,7 @@
 
       var _react = _interopRequireDefault(__webpack_require__(7294));
 
-      var _utils = __webpack_require__(3937);
+      var _utils = __webpack_require__(4755);
 
       exports.AppInitialProps = _utils.AppInitialProps;
       exports.NextWebVitalsMetric = _utils.NextWebVitalsMetric;
@@ -234,7 +234,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(6381);
+          return __webpack_require__(3857);
         }
       ]);
 
@@ -250,7 +250,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(915), __webpack_exec__(2441);
+      return __webpack_exec__(915), __webpack_exec__(4651);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for _error-HASH.js

@@ -88,7 +88,7 @@
       /***/
     },
 
-    /***/ 3367: /***/ function(
+    /***/ 3398: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -118,7 +118,7 @@
       /***/
     },
 
-    /***/ 7845: /***/ function(
+    /***/ 6393: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -131,7 +131,7 @@
 
       var _react = _interopRequireDefault(__webpack_require__(7294));
 
-      var _ampContext = __webpack_require__(3367);
+      var _ampContext = __webpack_require__(3398);
 
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -166,7 +166,7 @@
       /***/
     },
 
-    /***/ 7947: /***/ function(
+    /***/ 2775: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -219,13 +219,13 @@
 
       var _react = _interopRequireWildcard(__webpack_require__(7294));
 
-      var _sideEffect = _interopRequireDefault(__webpack_require__(617));
+      var _sideEffect = _interopRequireDefault(__webpack_require__(3244));
 
-      var _ampContext = __webpack_require__(3367);
+      var _ampContext = __webpack_require__(3398);
 
-      var _headManagerContext = __webpack_require__(4287);
+      var _headManagerContext = __webpack_require__(1165);
 
-      var _amp = __webpack_require__(7845);
+      var _amp = __webpack_require__(6393);
 
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -495,7 +495,7 @@ Also adds support for deduplicated `key` properties
       /***/
     },
 
-    /***/ 617: /***/ function(
+    /***/ 3244: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -633,7 +633,7 @@ Also adds support for deduplicated `key` properties
       /***/
     },
 
-    /***/ 900: /***/ function(
+    /***/ 3359: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -686,7 +686,7 @@ Also adds support for deduplicated `key` properties
 
       var _react = _interopRequireDefault(__webpack_require__(7294));
 
-      var _head = _interopRequireDefault(__webpack_require__(7947));
+      var _head = _interopRequireDefault(__webpack_require__(2775));
 
       var statusCodes = {
         400: "Bad Request",
@@ -838,7 +838,7 @@ Also adds support for deduplicated `key` properties
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(900);
+          return __webpack_require__(3359);
         }
       ]);

Diff for amp-HASH.js

@@ -6,12 +6,12 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7845);
+      module.exports = __webpack_require__(6393);
 
       /***/
     },
 
-    /***/ 3367: /***/ function(
+    /***/ 3398: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -41,7 +41,7 @@
       /***/
     },
 
-    /***/ 7845: /***/ function(
+    /***/ 6393: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -54,7 +54,7 @@
 
       var _react = _interopRequireDefault(__webpack_require__(7294));
 
-      var _ampContext = __webpack_require__(3367);
+      var _ampContext = __webpack_require__(3398);
 
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -89,7 +89,7 @@
       /***/
     },
 
-    /***/ 6332: /***/ function(
+    /***/ 6739: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -121,7 +121,7 @@
       /***/
     },
 
-    /***/ 5921: /***/ function(
+    /***/ 6071: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -129,7 +129,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(6332);
+          return __webpack_require__(6739);
         }
       ]);
 
@@ -145,7 +145,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(5921);
+      return __webpack_exec__(6071);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for css-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 7250: /***/ function(
+    /***/ 5409: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -47,7 +47,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(7250);
+          return __webpack_require__(5409);
         }
       ]);

Diff for hooks-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 7690: /***/ function(
+    /***/ 3050: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -145,7 +145,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(7690);
+          return __webpack_require__(3050);
         }
       ]);

Diff for index-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 8474: /***/ function(
+    /***/ 6124: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(8474);
+          return __webpack_require__(6124);
         }
       ]);

Diff for link-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [644],
   {
-    /***/ 6071: /***/ function(
+    /***/ 2167: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -18,11 +18,11 @@
 
       var _react = _interopRequireWildcard(__webpack_require__(7294));
 
-      var _router = __webpack_require__(1689);
+      var _router = __webpack_require__(9414);
 
-      var _router2 = __webpack_require__(2441);
+      var _router2 = __webpack_require__(4651);
 
-      var _useIntersection = __webpack_require__(5749);
+      var _useIntersection = __webpack_require__(7426);
 
       var prefetched = {};
 
@@ -255,7 +255,7 @@
       /***/
     },
 
-    /***/ 5749: /***/ function(
+    /***/ 7426: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -269,7 +269,7 @@
 
       var _react = __webpack_require__(7294);
 
-      var _requestIdleCallback = __webpack_require__(8391);
+      var _requestIdleCallback = __webpack_require__(3447);
 
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
 
@@ -382,7 +382,7 @@
       /***/
     },
 
-    /***/ 8189: /***/ function(
+    /***/ 647: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -433,7 +433,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(8189);
+          return __webpack_require__(647);
         }
       ]);
 
@@ -445,7 +445,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6071);
+      module.exports = __webpack_require__(2167);
 
       /***/
     }

Diff for routerDirect-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [58],
   {
-    /***/ 1348: /***/ function(
+    /***/ 2163: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -45,7 +45,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(1348);
+          return __webpack_require__(2163);
         }
       ]);
 
@@ -57,7 +57,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2441);
+      module.exports = __webpack_require__(4651);
 
       /***/
     }

Diff for withRouter-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [807],
   {
-    /***/ 7024: /***/ function(
+    /***/ 6222: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -42,7 +42,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(7024);
+          return __webpack_require__(6222);
         }
       ]);
 
@@ -54,7 +54,7 @@
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2441);
+      module.exports = __webpack_require__(4651);
 
       /***/
     }

Diff for main-HASH.js

@@ -581,17 +581,7 @@
       /***/
     },
 
-    /***/ 6086: /***/ function(module) {
-      "use strict";
-      var assign = Object.assign.bind(Object);
-      module.exports = assign;
-      module.exports.default = module.exports;
-      //# sourceMappingURL=object-assign.js.map
-
-      /***/
-    },
-
-    /***/ 2771: /***/ function(__unused_webpack_module, exports) {
+    /***/ 6792: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -746,7 +736,7 @@
       /***/
     },
 
-    /***/ 7403: /***/ function(
+    /***/ 310: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -815,35 +805,35 @@
 
       var _reactDom = _interopRequireDefault(__webpack_require__(3935));
 
-      var _headManagerContext = __webpack_require__(4287);
+      var _headManagerContext = __webpack_require__(1165);
 
-      var _mitt = _interopRequireDefault(__webpack_require__(7332));
+      var _mitt = _interopRequireDefault(__webpack_require__(8119));
 
-      var _routerContext = __webpack_require__(1642);
+      var _routerContext = __webpack_require__(6171);
 
-      var _router = __webpack_require__(1689);
+      var _router = __webpack_require__(9414);
 
-      var _isDynamic = __webpack_require__(3288);
+      var _isDynamic = __webpack_require__(8073);
 
-      var querystring = _interopRequireWildcard(__webpack_require__(4915));
+      var querystring = _interopRequireWildcard(__webpack_require__(8187));
 
-      var envConfig = _interopRequireWildcard(__webpack_require__(9186));
+      var envConfig = _interopRequireWildcard(__webpack_require__(3584));
 
-      var _utils = __webpack_require__(3937);
+      var _utils = __webpack_require__(4755);
 
-      var _portal = __webpack_require__(1567);
+      var _portal = __webpack_require__(6579);
 
-      var _headManager = _interopRequireDefault(__webpack_require__(2771));
+      var _headManager = _interopRequireDefault(__webpack_require__(6792));
 
-      var _pageLoader = _interopRequireDefault(__webpack_require__(7365));
+      var _pageLoader = _interopRequireDefault(__webpack_require__(7145));
 
       var _performanceRelayer = _interopRequireDefault(
-        __webpack_require__(4829)
+        __webpack_require__(9934)
       );
 
-      var _routeAnnouncer = __webpack_require__(6975);
+      var _routeAnnouncer = __webpack_require__(8475);
 
-      var _router2 = __webpack_require__(2441);
+      var _router2 = __webpack_require__(4651);
       /* global location */
 
       var data = JSON.parse(
@@ -1783,7 +1773,7 @@
       /***/
     },
 
-    /***/ 5778: /***/ function(
+    /***/ 457: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -1792,7 +1782,7 @@
 
       var _interopRequireWildcard = __webpack_require__(862);
 
-      var next = _interopRequireWildcard(__webpack_require__(7403));
+      var next = _interopRequireWildcard(__webpack_require__(310));
 
       window.next = next;
       (0, next["default"])()["catch"](console.error);
@@ -1800,7 +1790,7 @@
       /***/
     },
 
-    /***/ 6528: /***/ function(__unused_webpack_module, exports) {
+    /***/ 5965: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -1824,7 +1814,7 @@
       /***/
     },
 
-    /***/ 7365: /***/ function(
+    /***/ 7145: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1842,19 +1832,19 @@
       exports.__esModule = true;
       exports.default = void 0;
 
-      var _router = __webpack_require__(1689);
+      var _router = __webpack_require__(9414);
 
       var _getAssetPathFromRoute = _interopRequireDefault(
-        __webpack_require__(7892)
+        __webpack_require__(5292)
       );
 
-      var _isDynamic = __webpack_require__(3288);
+      var _isDynamic = __webpack_require__(8073);
 
-      var _parseRelativeUrl = __webpack_require__(4436);
+      var _parseRelativeUrl = __webpack_require__(3900);
 
-      var _normalizeTrailingSlash = __webpack_require__(6528);
+      var _normalizeTrailingSlash = __webpack_require__(5965);
 
-      var _routeLoader = _interopRequireWildcard(__webpack_require__(7599));
+      var _routeLoader = _interopRequireWildcard(__webpack_require__(1392));
 
       function normalizeRoute(route) {
         if (route[0] !== "/") {
@@ -1999,7 +1989,7 @@
       /***/
     },
 
-    /***/ 4829: /***/ function(
+    /***/ 9934: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2050,7 +2040,7 @@
       /***/
     },
 
-    /***/ 1567: /***/ function(
+    /***/ 6579: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2103,7 +2093,7 @@
       /***/
     },
 
-    /***/ 8391: /***/ function(__unused_webpack_module, exports) {
+    /***/ 3447: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -2136,7 +2126,7 @@
       /***/
     },
 
-    /***/ 6975: /***/ function(
+    /***/ 8475: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2153,7 +2143,7 @@
 
       var _react = _interopRequireWildcard(__webpack_require__(7294));
 
-      var _router = __webpack_require__(2441);
+      var _router = __webpack_require__(4651);
 
       function RouteAnnouncer() {
         var _ref = (0, _router.useRouter)(),
@@ -2226,7 +2216,7 @@
       /***/
     },
 
-    /***/ 7599: /***/ function(
+    /***/ 1392: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2242,10 +2232,10 @@
       exports.default = void 0;
 
       var _getAssetPathFromRoute = _interopRequireDefault(
-        __webpack_require__(7892)
+        __webpack_require__(5292)
       );
 
-      var _requestIdleCallback = __webpack_require__(8391); // 3.8s was arbitrarily chosen as it's what https://web.dev/interactive
+      var _requestIdleCallback = __webpack_require__(3447); // 3.8s was arbitrarily chosen as it's what https://web.dev/interactive
       // considers as "Good" time-to-interactive. We must assume something went
       // wrong beyond this point, and then fall-back to a full page transition to
       // show the user something of value.
@@ -2596,7 +2586,7 @@
       /***/
     },
 
-    /***/ 2441: /***/ function(
+    /***/ 4651: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2690,14 +2680,14 @@
 
       var _react = _interopRequireDefault(__webpack_require__(7294));
 
-      var _router2 = _interopRequireWildcard(__webpack_require__(1689));
+      var _router2 = _interopRequireWildcard(__webpack_require__(9414));
 
       exports.Router = _router2["default"];
       exports.NextRouter = _router2.NextRouter;
 
-      var _routerContext = __webpack_require__(1642);
+      var _routerContext = __webpack_require__(6171);
 
-      var _withRouter = _interopRequireDefault(__webpack_require__(3168));
+      var _withRouter = _interopRequireDefault(__webpack_require__(7413));
 
       exports.withRouter = _withRouter["default"];
       /* global window */
@@ -2876,7 +2866,7 @@
       /***/
     },
 
-    /***/ 3168: /***/ function(
+    /***/ 7413: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2890,7 +2880,7 @@
 
       var _react = _interopRequireDefault(__webpack_require__(7294));
 
-      var _router = __webpack_require__(2441);
+      var _router = __webpack_require__(4651);
 
       function withRouter(ComposedComponent) {
         function WithRouterWrapper(props) {
@@ -2919,7 +2909,7 @@
       /***/
     },
 
-    /***/ 4287: /***/ function(
+    /***/ 1165: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2951,7 +2941,7 @@
       /***/
     },
 
-    /***/ 1253: /***/ function(__unused_webpack_module, exports) {
+    /***/ 6813: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -2980,7 +2970,7 @@
       /***/
     },
 
-    /***/ 7332: /***/ function(__unused_webpack_module, exports) {
+    /***/ 8119: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -3029,7 +3019,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 1642: /***/ function(
+    /***/ 6171: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3059,7 +3049,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 1689: /***/ function(
+    /***/ 9414: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3088,29 +3078,29 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       exports.resolveHref = resolveHref;
       exports.default = void 0;
 
-      var _normalizeTrailingSlash = __webpack_require__(6528);
+      var _normalizeTrailingSlash = __webpack_require__(5965);
 
-      var _routeLoader = __webpack_require__(7599);
+      var _routeLoader = __webpack_require__(1392);
 
       var _denormalizePagePath = __webpack_require__(9320);
 
-      var _normalizeLocalePath = __webpack_require__(1253);
+      var _normalizeLocalePath = __webpack_require__(6813);
 
-      var _mitt = _interopRequireDefault(__webpack_require__(7332));
+      var _mitt = _interopRequireDefault(__webpack_require__(8119));
 
-      var _utils = __webpack_require__(3937);
+      var _utils = __webpack_require__(4755);
 
-      var _isDynamic = __webpack_require__(3288);
+      var _isDynamic = __webpack_require__(8073);
 
-      var _parseRelativeUrl = __webpack_require__(4436);
+      var _parseRelativeUrl = __webpack_require__(3900);
 
-      var _querystring = __webpack_require__(4915);
+      var _querystring = __webpack_require__(8187);
 
       var _resolveRewrites = _interopRequireDefault(__webpack_require__(4453));
 
-      var _routeMatcher = __webpack_require__(7451);
+      var _routeMatcher = __webpack_require__(8085);
 
-      var _routeRegex = __webpack_require__(8193);
+      var _routeRegex = __webpack_require__(4550);
 
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -5195,7 +5185,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 7687: /***/ function(
+    /***/ 2960: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -5205,7 +5195,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       exports.__esModule = true;
       exports.formatUrl = formatUrl;
 
-      var querystring = _interopRequireWildcard(__webpack_require__(4915));
+      var querystring = _interopRequireWildcard(__webpack_require__(8187));
 
       function _getRequireWildcardCache() {
         if (typeof WeakMap !== "function") return null;
@@ -5341,7 +5331,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 7892: /***/ function(__unused_webpack_module, exports) {
+    /***/ 5292: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -5365,7 +5355,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 3288: /***/ function(__unused_webpack_module, exports) {
+    /***/ 8073: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -5380,7 +5370,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 4436: /***/ function(
+    /***/ 3900: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -5390,9 +5380,9 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       exports.__esModule = true;
       exports.parseRelativeUrl = parseRelativeUrl;
 
-      var _utils = __webpack_require__(3937);
+      var _utils = __webpack_require__(4755);
 
-      var _querystring = __webpack_require__(4915);
+      var _querystring = __webpack_require__(8187);
       /**
        * Parses path-relative urls (e.g. `/hello/world?foo=bar`). If url isn't path-relative
        * (e.g. `./hello`) then at least base must be.
@@ -5430,7 +5420,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 4915: /***/ function(
+    /***/ 8187: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -5513,7 +5503,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 7451: /***/ function(__unused_webpack_module, exports) {
+    /***/ 8085: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -5561,7 +5551,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 8193: /***/ function(__unused_webpack_module, exports) {
+    /***/ 4550: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -5640,7 +5630,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 9186: /***/ function(__unused_webpack_module, exports) {
+    /***/ 3584: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       exports.__esModule = true;
@@ -5661,7 +5651,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
-    /***/ 3937: /***/ function(
+    /***/ 4755: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -5682,7 +5672,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       exports.formatWithValidation = formatWithValidation;
       exports.ST = exports.SP = exports.urlObjectKeys = void 0;
 
-      var _formatUrl = __webpack_require__(7687);
+      var _formatUrl = __webpack_require__(2960);
       /**
        * Utils
        */
@@ -5866,6 +5856,16 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       /***/
     },
 
+    /***/ 6086: /***/ function(module) {
+      "use strict";
+      var assign = Object.assign.bind(Object);
+      module.exports = assign;
+      module.exports.default = module.exports;
+      //# sourceMappingURL=object-assign.js.map
+
+      /***/
+    },
+
     /***/ 5866: /***/ function(module) {
       var __dirname = "/";
       module.exports = (function() {
@@ -6927,7 +6927,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774], function() {
-      return __webpack_exec__(5778);
+      return __webpack_exec__(457);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for polyfills-HASH.js

@@ -1,6 +1,18 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [429],
   {
+    /***/ 2589: /***/ function(
+      __unused_webpack_module,
+      __unused_webpack_exports,
+      __webpack_require__
+    ) {
+      "use strict";
+
+      __webpack_require__(1784);
+
+      /***/
+    },
+
     /***/ 1784: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
@@ -6547,18 +6559,6 @@
         Object.assign = Nl;
       })();
 
-      /***/
-    },
-
-    /***/ 8838: /***/ function(
-      __unused_webpack_module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) {
-      "use strict";
-
-      __webpack_require__(1784);
-
       /***/
     }
   },
@@ -6570,7 +6570,7 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ var __webpack_exports__ = __webpack_exec__(8838);
+    /******/ var __webpack_exports__ = __webpack_exec__(2589);
     /******/ _N_E = __webpack_exports__;
     /******/
   }

Diff for index.html

@@ -17,17 +17,17 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-5150ff7dc44b6282f6d4.js"
+      href="/_next/static/chunks/main-5caf381335aa51c82646.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/pages/_app-8583a1f7692cc16e9fe6.js"
+      href="/_next/static/chunks/pages/_app-4c8c52e081f8bceed063.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/pages/index-7b6faa8fb6d094524ece.js"
+      href="/_next/static/chunks/pages/index-96d821e908dd023681e4.js"
       as="script"
     />
   </head>
@@ -45,7 +45,7 @@
     </script>
     <script
       nomodule=""
-      src="/_next/static/chunks/polyfills-dd61a79f495b746e881e.js"
+      src="/_next/static/chunks/polyfills-78af6fe89161f65f5762.js"
     ></script>
     <script
       src="/_next/static/chunks/webpack-16fb5e52861014c05b14.js"
@@ -56,15 +56,15 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5150ff7dc44b6282f6d4.js"
+      src="/_next/static/chunks/main-5caf381335aa51c82646.js"
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-8583a1f7692cc16e9fe6.js"
+      src="/_next/static/chunks/pages/_app-4c8c52e081f8bceed063.js"
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-7b6faa8fb6d094524ece.js"
+      src="/_next/static/chunks/pages/index-96d821e908dd023681e4.js"
       async=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" async=""></script>

Diff for link.html

@@ -17,17 +17,17 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-5150ff7dc44b6282f6d4.js"
+      href="/_next/static/chunks/main-5caf381335aa51c82646.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/pages/_app-8583a1f7692cc16e9fe6.js"
+      href="/_next/static/chunks/pages/_app-4c8c52e081f8bceed063.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/pages/link-4fe890c54542b20b55c4.js"
+      href="/_next/static/chunks/pages/link-9ddbd6b16dce28fb106c.js"
       as="script"
     />
   </head>
@@ -50,7 +50,7 @@
     </script>
     <script
       nomodule=""
-      src="/_next/static/chunks/polyfills-dd61a79f495b746e881e.js"
+      src="/_next/static/chunks/polyfills-78af6fe89161f65f5762.js"
     ></script>
     <script
       src="/_next/static/chunks/webpack-16fb5e52861014c05b14.js"
@@ -61,15 +61,15 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5150ff7dc44b6282f6d4.js"
+      src="/_next/static/chunks/main-5caf381335aa51c82646.js"
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-8583a1f7692cc16e9fe6.js"
+      src="/_next/static/chunks/pages/_app-4c8c52e081f8bceed063.js"
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-4fe890c54542b20b55c4.js"
+      src="/_next/static/chunks/pages/link-9ddbd6b16dce28fb106c.js"
       async=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" async=""></script>

Diff for withRouter.html

@@ -17,17 +17,17 @@
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/main-5150ff7dc44b6282f6d4.js"
+      href="/_next/static/chunks/main-5caf381335aa51c82646.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/pages/_app-8583a1f7692cc16e9fe6.js"
+      href="/_next/static/chunks/pages/_app-4c8c52e081f8bceed063.js"
       as="script"
     />
     <link
       rel="preload"
-      href="/_next/static/chunks/pages/withRouter-f37850ba5054ee39257d.js"
+      href="/_next/static/chunks/pages/withRouter-452d126a75584c6a354e.js"
       as="script"
     />
   </head>
@@ -45,7 +45,7 @@
     </script>
     <script
       nomodule=""
-      src="/_next/static/chunks/polyfills-dd61a79f495b746e881e.js"
+      src="/_next/static/chunks/polyfills-78af6fe89161f65f5762.js"
     ></script>
     <script
       src="/_next/static/chunks/webpack-16fb5e52861014c05b14.js"
@@ -56,15 +56,15 @@
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/main-5150ff7dc44b6282f6d4.js"
+      src="/_next/static/chunks/main-5caf381335aa51c82646.js"
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-8583a1f7692cc16e9fe6.js"
+      src="/_next/static/chunks/pages/_app-4c8c52e081f8bceed063.js"
       async=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-f37850ba5054ee39257d.js"
+      src="/_next/static/chunks/pages/withRouter-452d126a75584c6a354e.js"
       async=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" async=""></script>

Serverless Mode (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
buildDuration	13.2s	12.8s	-319ms
buildDurationCached	4s	4s	⚠️ +21ms
nodeModulesSize	46.7 MB	46.7 MB	⚠️ +131 B

Client Bundles (main, webpack, commons) Overall decrease ✓

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
framework-HASH.js gzip	39.3 kB	39.3 kB	✓
main-HASH.js gzip	19.4 kB	19.4 kB	-5 B
webpack-HASH.js gzip	804 B	804 B	✓
Overall change	59.5 kB	59.5 kB	-5 B

Legacy Client Bundles (polyfills) Overall decrease ✓

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
polyfills-HASH.js gzip	31.1 kB	31.1 kB	-2 B
Overall change	31.1 kB	31.1 kB	-2 B

Client Pages Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_app-HASH.js gzip	1.02 kB	1.02 kB	✓
_error-HASH.js gzip	3.06 kB	3.07 kB	⚠️ +3 B
amp-HASH.js gzip	526 B	527 B	⚠️ +1 B
css-HASH.js gzip	334 B	334 B	✓
hooks-HASH.js gzip	890 B	890 B	✓
index-HASH.js gzip	262 B	263 B	⚠️ +1 B
link-HASH.js gzip	1.65 kB	1.64 kB	-3 B
routerDirect..HASH.js gzip	331 B	333 B	⚠️ +2 B
withRouter-HASH.js gzip	329 B	330 B	⚠️ +1 B
bb14e60e810b..30f.css gzip	125 B	125 B	✓
Overall change	8.53 kB	8.53 kB	⚠️ +5 B

Client Build Manifests

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_buildManifest.js gzip	392 B	392 B	✓
Overall change	392 B	392 B	✓

Serverless bundles Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_error.js	16.9 kB	16.9 kB	✓
404.html	2.42 kB	2.42 kB	✓
500.html	2.41 kB	2.41 kB	✓
amp.amp.html	10.8 kB	10.8 kB	✓
amp.html	1.61 kB	1.61 kB	✓
css.html	1.79 kB	1.79 kB	✓
hooks.html	1.67 kB	1.67 kB	✓
index.js	17.2 kB	17.2 kB	⚠️ +1 B
link.js	17.4 kB	17.4 kB	-1 B
routerDirect.js	17.4 kB	17.4 kB	⚠️ +1 B
withRouter.js	17.4 kB	17.4 kB	⚠️ +1 B
Overall change	107 kB	107 kB	⚠️ +2 B

Webpack 4 Mode (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
buildDuration	10.2s	10.2s	-25ms
buildDurationCached	4.4s	4.4s	-33ms
nodeModulesSize	46.7 MB	46.7 MB	⚠️ +131 B

Page Load Tests Overall increase ✓

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.029	2.024	0
/ avg req/sec	1231.99	1234.9	+2.91
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.079	1.056	-0.02
/error-in-render avg req/sec	2317.48	2366.88	+49.4

Client Bundles (main, webpack, commons)

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
677f882d2ed8..HASH.js gzip	13.3 kB	13.3 kB	✓
framework.HASH.js gzip	39 kB	39 kB	✓
main-HASH.js gzip	7.26 kB	7.26 kB	✓
webpack-HASH.js gzip	751 B	751 B	✓
Overall change	60.3 kB	60.3 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
polyfills-HASH.js gzip	31.3 kB	31.3 kB	✓
Overall change	31.3 kB	31.3 kB	✓

Client Pages

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_app-HASH.js gzip	1.28 kB	1.28 kB	✓
_error-HASH.js gzip	3.74 kB	3.74 kB	✓
amp-HASH.js gzip	536 B	536 B	✓
css-HASH.js gzip	339 B	339 B	✓
hooks-HASH.js gzip	887 B	887 B	✓
index-HASH.js gzip	227 B	227 B	✓
link-HASH.js gzip	1.63 kB	1.63 kB	✓
routerDirect..HASH.js gzip	303 B	303 B	✓
withRouter-HASH.js gzip	302 B	302 B	✓
e025d2764813..52f.css gzip	125 B	125 B	✓
Overall change	9.37 kB	9.37 kB	✓

Client Build Manifests

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
_buildManifest.js gzip	420 B	420 B	✓
Overall change	420 B	420 B	✓

Rendered Page Sizes

	vercel/next.js canary	timneutkens/next.js add/enable-babel-fast-mode	Change
index.html gzip	612 B	612 B	✓
link.html gzip	619 B	619 B	✓
withRouter.html gzip	606 B	606 B	✓
Overall change	1.84 kB	1.84 kB	✓

Commit: a90a908

…bel-fast-mode

jasonwilliams · 2021-09-28T17:29:31Z

@timneutkens
It looks like this change has broken functionality in https://www.npmjs.com/package/@shopify/react-i18n which relies on its Babel loader to work: https://github.com/Shopify/quilt/blob/main/packages/react-i18n/babel-plugin.md

I will try and find steps to reproduce

jasonwilliams · 2021-10-07T10:54:53Z

I've added an issue here:
#29500

Enable new babel mode

de898f0

timneutkens requested review from divmain, ijjk, lfades and shuding as code owners May 31, 2021 09:10

ijjk added the type: next label May 31, 2021

This comment has been minimized.

Sign in to view

Merge branch 'canary' into add/enable-babel-fast-mode

a90a908

Merge branch 'canary' of github.com:vercel/next.js into add/enable-ba…

26b0985

…bel-fast-mode

timneutkens merged commit d27cbf0 into vercel:canary Jun 2, 2021

timneutkens deleted the add/enable-babel-fast-mode branch June 2, 2021 11:28

sync-by-unito bot mentioned this pull request Jun 16, 2021

chore(deps): bump next from 10.1.2 to 11.0.0 filecoin-project/slate#793

Closed

flybayer pushed a commit to blitz-js/next.js that referenced this pull request Jun 16, 2021

Enable new babel mode (vercel#25635)

7951226

jasonwilliams mentioned this pull request Sep 29, 2021

@shopify/react-i18n has broken since v11 (babel bug) #29500

Closed

vercel locked as resolved and limited conversation to collaborators Jan 27, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Enable new babel mode #25635

Enable new babel mode #25635

timneutkens commented May 31, 2021 •

edited

This comment has been minimized.

ijjk commented Jun 1, 2021

Diffs

jasonwilliams commented Sep 28, 2021 •

edited

jasonwilliams commented Oct 7, 2021

Enable new babel mode #25635

Enable new babel mode #25635

Conversation

timneutkens commented May 31, 2021 • edited

Bug

Feature

Documentation / Examples

This comment has been minimized.

ijjk commented Jun 1, 2021

Stats from current PR

Diffs

jasonwilliams commented Sep 28, 2021 • edited

jasonwilliams commented Oct 7, 2021

timneutkens commented May 31, 2021 •

edited

jasonwilliams commented Sep 28, 2021 •

edited