upgrade webpack and watchpack #32173

sokra · 2021-12-06T14:35:59Z

Bug

Related issues linked using fixes #number
Integration tests added
Errors have helpful link attached, see contributing.md

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.
Errors have helpful link attached, see contributing.md

Documentation / Examples

Make sure the linting passes by running yarn lint

ijjk · 2021-12-06T16:26:06Z

Stats from current PR

Default Build (Decrease detected ✓)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
buildDuration	18.8s	18.8s	⚠️ +13ms
buildDurationCached	3.5s	3.5s	⚠️ +33ms
nodeModulesSize	347 MB	347 MB	⚠️ +11 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.016	3.132	⚠️ +0.12
/ avg req/sec	828.83	798.22	⚠️ -30.61
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.433	1.47	⚠️ +0.04
/error-in-render avg req/sec	1744.1	1700.26	⚠️ -43.84

Client Bundles (main, webpack, commons)

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
450.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42.2 kB	42.2 kB	✓
main-HASH.js gzip	28.4 kB	28.4 kB	✓
webpack-HASH.js gzip	1.45 kB	1.45 kB	✓
Overall change	72.3 kB	72.3 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
_app-HASH.js gzip	1.37 kB	1.37 kB	✓
_error-HASH.js gzip	194 B	194 B	✓
amp-HASH.js gzip	312 B	312 B	✓
css-HASH.js gzip	326 B	326 B	✓
dynamic-HASH.js gzip	2.38 kB	2.38 kB	✓
head-HASH.js gzip	350 B	350 B	✓
hooks-HASH.js gzip	635 B	635 B	✓
image-HASH.js gzip	4.49 kB	4.49 kB	✓
index-HASH.js gzip	263 B	263 B	✓
link-HASH.js gzip	1.87 kB	1.87 kB	✓
routerDirect..HASH.js gzip	321 B	321 B	✓
script-HASH.js gzip	383 B	383 B	✓
withRouter-HASH.js gzip	318 B	318 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	13.3 kB	13.3 kB	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
_buildManifest.js gzip	460 B	460 B	✓
Overall change	460 B	460 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
index.html gzip	531 B	531 B	✓
link.html gzip	544 B	544 B	✓
withRouter.html gzip	526 B	526 B	✓
Overall change	1.6 kB	1.6 kB	✓

Diffs

Diff for _buildManifest.js

@@ -12,7 +12,7 @@ self.__BUILD_MANIFEST = {
   ],
   "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-7100d3b2a548f0e4.js"],
   "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-ff60bc61acd2698b.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-f207079640969086.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-6f6ef1aea723bb04.js"],
   "/link": ["static\u002Fchunks\u002Fpages\u002Flink-b57fa5abc6a43d15.js"],
   "/routerDirect": [
     "static\u002Fchunks\u002Fpages\u002FrouterDirect-76232dd6bc335a24.js"

Diff for image-HASH.js

@@ -191,7 +191,11 @@
         "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
       if (false) {
       }
-      var VALID_LOADING_VALUES = ["lazy", "eager", undefined];
+      var VALID_LOADING_VALUES = /* unused pure expression or super */ null && [
+        "lazy",
+        "eager",
+        undefined
+      ];
       var loaders = new Map([
         ["default", defaultLoader],
         ["imgix", imgixLoader],
@@ -199,7 +203,7 @@
         ["akamai", akamaiLoader],
         ["custom", customLoader]
       ]);
-      var VALID_LAYOUT_VALUES = [
+      var VALID_LAYOUT_VALUES = /* unused pure expression or super */ null && [
         "fill",
         "fixed",
         "intrinsic",

Diff for main-HASH.js

@@ -1407,14 +1407,7 @@
           },
           [callbacks]
         );
-        if (undefined) {
-          // eslint-disable-next-line react-hooks/rules-of-hooks
-          _react.default.useEffect(function() {
-            window.__NEXT_HYDRATED = true;
-            if (window.__NEXT_HYDRATED_CB) {
-              window.__NEXT_HYDRATED_CB();
-            }
-          }, []);
+        if (false) {
         }
         // We should ask to measure the Web Vitals after rendering completes so we
         // don't cause any hydration delay:

Diff for index.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-bae1c6f68622048e.js"
+      src="/_next/static/chunks/main-91b3f785722f4e08.js"
       defer=""
     ></script>
     <script

Diff for link.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-bae1c6f68622048e.js"
+      src="/_next/static/chunks/main-91b3f785722f4e08.js"
       defer=""
     ></script>
     <script

Diff for withRouter.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-bae1c6f68622048e.js"
+      src="/_next/static/chunks/main-91b3f785722f4e08.js"
       defer=""
     ></script>
     <script

Default Build with SWC (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
buildDuration	20.3s	20.3s	⚠️ +31ms
buildDurationCached	3.5s	3.5s	⚠️ +21ms
nodeModulesSize	347 MB	347 MB	⚠️ +11 kB

Page Load Tests Overall increase ✓

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.09	3.046	-0.04
/ avg req/sec	809.11	820.83	+11.72
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.486	1.44	-0.05
/error-in-render avg req/sec	1682.54	1736.68	+54.14

Client Bundles (main, webpack, commons)

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
450.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42.3 kB	42.3 kB	✓
main-HASH.js gzip	28.6 kB	28.6 kB	✓
webpack-HASH.js gzip	1.44 kB	1.44 kB	✓
Overall change	72.5 kB	72.5 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
_app-HASH.js gzip	1.35 kB	1.35 kB	✓
_error-HASH.js gzip	180 B	180 B	✓
amp-HASH.js gzip	305 B	305 B	✓
css-HASH.js gzip	321 B	321 B	✓
dynamic-HASH.js gzip	2.37 kB	2.37 kB	✓
head-HASH.js gzip	342 B	342 B	✓
hooks-HASH.js gzip	622 B	622 B	✓
image-HASH.js gzip	4.53 kB	4.53 kB	✓
index-HASH.js gzip	256 B	256 B	✓
link-HASH.js gzip	1.9 kB	1.9 kB	✓
routerDirect..HASH.js gzip	314 B	314 B	✓
script-HASH.js gzip	375 B	375 B	✓
withRouter-HASH.js gzip	309 B	309 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	13.3 kB	13.3 kB	✓

Client Build Manifests

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
_buildManifest.js gzip	458 B	458 B	✓
Overall change	458 B	458 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js upgrade/webpack	Change
index.html gzip	530 B	530 B	✓
link.html gzip	545 B	545 B	✓
withRouter.html gzip	526 B	526 B	✓
Overall change	1.6 kB	1.6 kB	✓

Diffs

Diff for _buildManifest.js

@@ -12,7 +12,7 @@ self.__BUILD_MANIFEST = {
   ],
   "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-7100d3b2a548f0e4.js"],
   "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-ff60bc61acd2698b.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-f207079640969086.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-6f6ef1aea723bb04.js"],
   "/link": ["static\u002Fchunks\u002Fpages\u002Flink-b57fa5abc6a43d15.js"],
   "/routerDirect": [
     "static\u002Fchunks\u002Fpages\u002FrouterDirect-76232dd6bc335a24.js"

Diff for image-HASH.js

@@ -191,7 +191,11 @@
         "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
       if (false) {
       }
-      var VALID_LOADING_VALUES = ["lazy", "eager", undefined];
+      var VALID_LOADING_VALUES = /* unused pure expression or super */ null && [
+        "lazy",
+        "eager",
+        undefined
+      ];
       var loaders = new Map([
         ["default", defaultLoader],
         ["imgix", imgixLoader],
@@ -199,7 +203,7 @@
         ["akamai", akamaiLoader],
         ["custom", customLoader]
       ]);
-      var VALID_LAYOUT_VALUES = [
+      var VALID_LAYOUT_VALUES = /* unused pure expression or super */ null && [
         "fill",
         "fixed",
         "intrinsic",

Diff for main-HASH.js

@@ -1407,14 +1407,7 @@
           },
           [callbacks]
         );
-        if (undefined) {
-          // eslint-disable-next-line react-hooks/rules-of-hooks
-          _react.default.useEffect(function() {
-            window.__NEXT_HYDRATED = true;
-            if (window.__NEXT_HYDRATED_CB) {
-              window.__NEXT_HYDRATED_CB();
-            }
-          }, []);
+        if (false) {
         }
         // We should ask to measure the Web Vitals after rendering completes so we
         // don't cause any hydration delay:

Diff for index.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-bae1c6f68622048e.js"
+      src="/_next/static/chunks/main-91b3f785722f4e08.js"
       defer=""
     ></script>
     <script

Diff for link.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-bae1c6f68622048e.js"
+      src="/_next/static/chunks/main-91b3f785722f4e08.js"
       defer=""
     ></script>
     <script

Diff for withRouter.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-bae1c6f68622048e.js"
+      src="/_next/static/chunks/main-91b3f785722f4e08.js"
       defer=""
     ></script>
     <script

Commit: 61ef8a6

⚙ Update compiled files

Co-authored-by: sokra <sokra@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

ijjk added created-by: Next.js team PRs by the Next.js team type: next labels Dec 6, 2021

This comment has been minimized.

Sign in to view

sokra force-pushed the upgrade/webpack branch from dcdd3ef to 61ef8a6 Compare December 6, 2021 16:09

sokra marked this pull request as ready for review December 6, 2021 17:04

sokra requested review from huozhi, ijjk, shuding and timneutkens as code owners December 6, 2021 17:04

upgrade webpack and watchpack

6b6a274

⚙ Update compiled files

sokra force-pushed the upgrade/webpack branch from 61ef8a6 to 6b6a274 Compare December 14, 2021 09:00

⚙ Update compiled files

f8457d0

huozhi approved these changes Dec 14, 2021

View reviewed changes

kodiakhq bot added 3 commits December 14, 2021 10:30

Merge branch 'canary' into upgrade/webpack

8b96fc1

Merge branch 'canary' into upgrade/webpack

e356959

Merge branch 'canary' into upgrade/webpack

4ef8b54

timneutkens approved these changes Dec 14, 2021

View reviewed changes

timneutkens merged commit f7153b1 into canary Dec 14, 2021

timneutkens deleted the upgrade/webpack branch December 14, 2021 10:48

cdierkens pushed a commit to cdierkens/next.js that referenced this pull request Dec 20, 2021

upgrade webpack and watchpack (vercel#32173)

982d515

Co-authored-by: sokra <sokra@users.noreply.github.com> Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

balazsorban44 mentioned this pull request Jan 17, 2022

Unable to run builds localy with 12.0.8 on WSL2 #33369

Open

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

upgrade webpack and watchpack #32173

upgrade webpack and watchpack #32173

sokra commented Dec 6, 2021

This comment has been minimized.

ijjk commented Dec 6, 2021

Diffs

Diffs

upgrade webpack and watchpack #32173

upgrade webpack and watchpack #32173

Conversation

sokra commented Dec 6, 2021

Bug

Feature

Documentation / Examples

This comment has been minimized.

ijjk commented Dec 6, 2021

Stats from current PR

Diffs

Diffs