Upgrade webpack v5 and related modules

[thedavidprice]

I know, I know... Webpack v5 takes longer to build. I'd argue it's time to upgrade as other packages are deprecating v4. And this will give us impetus to push forward with ESbuild.

https://webpack.js.org/migrate/5/

To Do:

• resolve yarn rw dev start error
• needs testing with more complex apps
• [Added to this PR] depends on upgrading to Storybook >= v6.2 (build(deps): bump @storybook/react from 6.1.21 to 6.2.9 #2370) and opting-in: https://storybook.js.org/blog/storybook-for-webpack-5/
• Test with ESBuild (see forum post)
• [See comments below] Also confirm working with error-overlay-webpack-plugin
  • related PR with support for v5: chore(dep): Upgrade react-dev-utils to support webpack5 (#67) gregberge/error-overlay-webpack-plugin#72

Starting the Webpack Dev Server includes the following error (last line starting with web | [HPM] Error). However, this does not seem to actually affect the Dev Server running and the error is not repeated:

...
api | Running at 'http://localhost:8911'
api | Watching files in '/Users/price/Repos/tdp-redwood-tutorial-test/api/src/functions'
web | ℹ ｢wds｣: Project is running at http://localhost:8910/
web | ℹ ｢wds｣: webpack output is served from /
web | ℹ ｢wds｣: Content not from webpack is served from /Users/price/Repos/tdp-redwood-tutorial-test/web
web | ℹ ｢wds｣: 404s will fallback to /index.html
...
web | [HPM] Error occurred while trying to proxy request /graphql from localhost:8910 to http://[::1]:8911 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)
...

Possible improvement:

-[ ] "If you have rules defined for loading assets using raw-loader, url-loader, or file-loader, please use Asset Modules instead as they're going to be deprecated in near future.": https://webpack.js.org/guides/asset-modules/

[github-actions]

📦 PR Packages

Click to Show Package Download Links

https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/create-redwood-app-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-api-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-api-server-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-auth-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-cli-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-core-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-dev-server-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-eslint-config-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-eslint-plugin-redwood-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-forms-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-internal-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-prerender-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-router-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-structure-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-testing-0.31.2-e32d9ec.tgz
https://rw-pr-redwoodjs-com.s3.amazonaws.com/2402/redwoodjs-web-0.31.2-e32d9ec.tgz

Install this PR by running yarn rw upgrade --pr 2402:0.31.2-e32d9ec

[cypress]

---

Test summary

11 • 6 • 0 • 0 • 0

---

Run details

Project	RedwoodJS Framework
Status	Failed
Commit	324b609 ℹ️
Started	Jun 2, 2021 3:38 AM
Ended	Jun 2, 2021 3:43 AM
Duration	05:24 💡
OS	Linux Ubuntu - 20.04
Browser	Chrome 90

View run in Cypress Dashboard ➡️

---

Failures

	02-cli/02-cli-commands.spec.js		2
1	Check Redwood cli commands against tutorial > Should run build successfully (no prerender)
2	Check Redwood cli commands against tutorial > Should prerender about and homepage
	03-storybook/storybook.spec.js		4
1	Redwood Storybook Integration > 1. Component: BlogPost
2	Redwood Storybook Integration > 2. Cells: BlogPostCell and BlogPostsCell
3	Redwood Storybook Integration > 3. Layouts: BlogLayout
4	Redwood Storybook Integration > 3. Pages: AboutPage, ContactPage, and HomePage

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[thedavidprice]

FYI: Storybook v6.3 will include stable support for Webpack v5
storybookjs/storybook#14397

[thedavidprice]

@peterp I attempted further diagnoses. I believe it's a Webpack config error. I attempted disabling loaders and plugins and ... to no avail — I never could resolve the error or produce a different one. My 🧠 is 🍳

[thedavidprice]

this has moved to #2884

Keeping this open for reference in time being