From c192ec23aca723781bd3396c43f6de9f0e9c48b5 Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Tue, 12 Apr 2022 13:29:41 -0700
Subject: [PATCH 1/9] support webpack module federation

---
 packages/react-scripts/config/paths.js          | 3 +++
 packages/react-scripts/config/webpack.config.js | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/packages/react-scripts/config/paths.js b/packages/react-scripts/config/paths.js
index f4470a02f63..30a8330c5c3 100644
--- a/packages/react-scripts/config/paths.js
+++ b/packages/react-scripts/config/paths.js
@@ -72,6 +72,7 @@ module.exports = {
   appJsConfig: resolveApp('jsconfig.json'),
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
+  mfSetup: resolveApp('src/setupModuleFederation.js'),
   proxySetup: resolveApp('src/setupProxy.js'),
   appNodeModules: resolveApp('node_modules'),
   appWebpackCache: resolveApp('node_modules/.cache'),
@@ -97,6 +98,7 @@ module.exports = {
   appJsConfig: resolveApp('jsconfig.json'),
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
+  mfSetup: resolveApp('src/setupModuleFederation.js'),
   proxySetup: resolveApp('src/setupProxy.js'),
   appNodeModules: resolveApp('node_modules'),
   appWebpackCache: resolveApp('node_modules/.cache'),
@@ -135,6 +137,7 @@ if (
     appJsConfig: resolveOwn(`${templatePath}/jsconfig.json`),
     yarnLockFile: resolveOwn(`${templatePath}/yarn.lock`),
     testsSetup: resolveModule(resolveOwn, `${templatePath}/src/setupTests`),
+    mfSetup: resolveOwn(`${templatePath}/src/setupModuleFederation.js`),
     proxySetup: resolveOwn(`${templatePath}/src/setupProxy.js`),
     appNodeModules: resolveOwn('node_modules'),
     appWebpackCache: resolveOwn('node_modules/.cache'),
diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index e465d8e7a00..ab00c8c7967 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -788,6 +788,8 @@ module.exports = function (webpackEnv) {
             },
           },
         }),
+      fs.existsSync(paths.mfSetup) &&
+        new webpack.container.ModuleFederationPlugin(require(paths.mfSetup)),
     ].filter(Boolean),
     // Turn off performance processing because we utilize
     // our own hints via the FileSizeReporter

From eaf7de027518679005cd542af15d0725bfad30ab Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Wed, 13 Apr 2022 10:21:37 -0700
Subject: [PATCH 2/9] Make appHtml optional

---
 packages/react-scripts/config/webpack.config.js | 2 +-
 packages/react-scripts/scripts/build.js         | 2 +-
 packages/react-scripts/scripts/start.js         | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index ab00c8c7967..d50a99fd05b 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -605,7 +605,7 @@ module.exports = function (webpackEnv) {
     },
     plugins: [
       // Generates an `index.html` file with the <script> injected.
-      new HtmlWebpackPlugin(
+      paths.appHtml && new HtmlWebpackPlugin(
         Object.assign(
           {},
           {
diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 7a3a635a5d3..640af9ce6a5 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -47,7 +47,7 @@ const WARN_AFTER_CHUNK_GZIP_SIZE = 1024 * 1024;
 const isInteractive = process.stdout.isTTY;
 
 // Warn and crash if required files are missing
-if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
+if (!checkRequiredFiles([paths.appIndexJs])) {
   process.exit(1);
 }
 
diff --git a/packages/react-scripts/scripts/start.js b/packages/react-scripts/scripts/start.js
index 8b9a2c26b4d..a8d5c3a5db0 100644
--- a/packages/react-scripts/scripts/start.js
+++ b/packages/react-scripts/scripts/start.js
@@ -47,7 +47,7 @@ const useYarn = fs.existsSync(paths.yarnLockFile);
 const isInteractive = process.stdout.isTTY;
 
 // Warn and crash if required files are missing
-if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
+if (!checkRequiredFiles([paths.appIndexJs])) {
   process.exit(1);
 }
 

From 0bff067f1a090fef744d02f203a4f8a735f56d67 Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Wed, 13 Apr 2022 11:44:12 -0700
Subject: [PATCH 3/9] Make html optional

---
 .../react-scripts/config/webpack.config.js    | 114 +++++++++---------
 1 file changed, 59 insertions(+), 55 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index d50a99fd05b..e6bbe22265a 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -605,43 +605,45 @@ module.exports = function (webpackEnv) {
     },
     plugins: [
       // Generates an `index.html` file with the <script> injected.
-      paths.appHtml && new HtmlWebpackPlugin(
-        Object.assign(
-          {},
-          {
-            inject: true,
-            template: paths.appHtml,
-          },
-          isEnvProduction
-            ? {
-                minify: {
-                  removeComments: true,
-                  collapseWhitespace: true,
-                  removeRedundantAttributes: true,
-                  useShortDoctype: true,
-                  removeEmptyAttributes: true,
-                  removeStyleLinkTypeAttributes: true,
-                  keepClosingSlash: true,
-                  minifyJS: true,
-                  minifyCSS: true,
-                  minifyURLs: true,
-                },
-              }
-            : undefined
-        )
-      ),
+      fs.existsSync(paths.appHtml) &&
+        new HtmlWebpackPlugin(
+          Object.assign(
+            {},
+            {
+              inject: true,
+              template: paths.appHtml,
+            },
+            isEnvProduction
+              ? {
+                  minify: {
+                    removeComments: true,
+                    collapseWhitespace: true,
+                    removeRedundantAttributes: true,
+                    useShortDoctype: true,
+                    removeEmptyAttributes: true,
+                    removeStyleLinkTypeAttributes: true,
+                    keepClosingSlash: true,
+                    minifyJS: true,
+                    minifyCSS: true,
+                    minifyURLs: true,
+                  },
+                }
+              : undefined
+          )
+        ),
       // Inlines the webpack runtime script. This script is too small to warrant
       // a network request.
       // https://github.com/facebook/create-react-app/issues/5358
-      isEnvProduction &&
-        shouldInlineRuntimeChunk &&
-        new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/]),
+      shouldInlineRuntimeChunk &&
+        isEnvProduction &&
+          fs.existsSync(paths.appHtml) &&
+            new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/]),
       // Makes some environment variables available in index.html.
       // The public URL is available as %PUBLIC_URL% in index.html, e.g.:
       // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
       // It will be an empty string unless you specify "homepage"
       // in `package.json`, in which case it will be the pathname of that URL.
-      new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
+      fs.existsSync(paths.appHtml) && new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
       // This gives some necessary context to module not found errors, such as
       // the requesting resource.
       new ModuleNotFoundPlugin(paths.appPath),
@@ -675,24 +677,25 @@ module.exports = function (webpackEnv) {
       //   `index.html`
       // - "entrypoints" key: Array of files which are included in `index.html`,
       //   can be used to reconstruct the HTML if necessary
-      new WebpackManifestPlugin({
-        fileName: 'asset-manifest.json',
-        publicPath: paths.publicUrlOrPath,
-        generate: (seed, files, entrypoints) => {
-          const manifestFiles = files.reduce((manifest, file) => {
-            manifest[file.name] = file.path;
-            return manifest;
-          }, seed);
-          const entrypointFiles = entrypoints.main.filter(
-            fileName => !fileName.endsWith('.map')
-          );
+      fs.existsSync(paths.appHtml) &&
+        new WebpackManifestPlugin({
+          fileName: 'asset-manifest.json',
+          publicPath: paths.publicUrlOrPath,
+          generate: (seed, files, entrypoints) => {
+            const manifestFiles = files.reduce((manifest, file) => {
+              manifest[file.name] = file.path;
+              return manifest;
+            }, seed);
+            const entrypointFiles = entrypoints.main.filter(
+              fileName => !fileName.endsWith('.map')
+            );
 
-          return {
-            files: manifestFiles,
-            entrypoints: entrypointFiles,
-          };
-        },
-      }),
+            return {
+              files: manifestFiles,
+              entrypoints: entrypointFiles,
+            };
+          },
+        }),
       // Moment.js is an extremely popular library that bundles large locale files
       // by default due to how webpack interprets its code. This is a practical
       // solution that requires the user to opt into importing specific locales.
@@ -706,15 +709,16 @@ module.exports = function (webpackEnv) {
       // the HTML & assets that are part of the webpack build.
       isEnvProduction &&
         fs.existsSync(swSrc) &&
-        new WorkboxWebpackPlugin.InjectManifest({
-          swSrc,
-          dontCacheBustURLsMatching: /\.[0-9a-f]{8}\./,
-          exclude: [/\.map$/, /asset-manifest\.json$/, /LICENSE/],
-          // Bump up the default maximum size (2mb) that's precached,
-          // to make lazy-loading failure scenarios less likely.
-          // See https://github.com/cra-template/pwa/issues/13#issuecomment-722667270
-          maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
-        }),
+          fs.existsSync(paths.appHtml) && 
+          new WorkboxWebpackPlugin.InjectManifest({
+            swSrc,
+            dontCacheBustURLsMatching: /\.[0-9a-f]{8}\./,
+            exclude: [/\.map$/, /asset-manifest\.json$/, /LICENSE/],
+            // Bump up the default maximum size (2mb) that's precached,
+            // to make lazy-loading failure scenarios less likely.
+            // See https://github.com/cra-template/pwa/issues/13#issuecomment-722667270
+            maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
+          }),
       // TypeScript type checking
       useTypeScript &&
         new ForkTsCheckerWebpackPlugin({

From e89373014e0cdd04892bd88ad2aa6399bbf1701a Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Wed, 13 Apr 2022 11:52:14 -0700
Subject: [PATCH 4/9] Revert service worker and manifest plugin changes

---
 .../react-scripts/config/webpack.config.js    | 54 +++++++++----------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index e6bbe22265a..44663a522c8 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -677,25 +677,24 @@ module.exports = function (webpackEnv) {
       //   `index.html`
       // - "entrypoints" key: Array of files which are included in `index.html`,
       //   can be used to reconstruct the HTML if necessary
-      fs.existsSync(paths.appHtml) &&
-        new WebpackManifestPlugin({
-          fileName: 'asset-manifest.json',
-          publicPath: paths.publicUrlOrPath,
-          generate: (seed, files, entrypoints) => {
-            const manifestFiles = files.reduce((manifest, file) => {
-              manifest[file.name] = file.path;
-              return manifest;
-            }, seed);
-            const entrypointFiles = entrypoints.main.filter(
-              fileName => !fileName.endsWith('.map')
-            );
+      new WebpackManifestPlugin({
+        fileName: 'asset-manifest.json',
+        publicPath: paths.publicUrlOrPath,
+        generate: (seed, files, entrypoints) => {
+          const manifestFiles = files.reduce((manifest, file) => {
+            manifest[file.name] = file.path;
+            return manifest;
+          }, seed);
+          const entrypointFiles = entrypoints.main.filter(
+            fileName => !fileName.endsWith('.map')
+          );
 
-            return {
-              files: manifestFiles,
-              entrypoints: entrypointFiles,
-            };
-          },
-        }),
+          return {
+            files: manifestFiles,
+            entrypoints: entrypointFiles,
+          };
+        },
+      }),
       // Moment.js is an extremely popular library that bundles large locale files
       // by default due to how webpack interprets its code. This is a practical
       // solution that requires the user to opt into importing specific locales.
@@ -709,16 +708,15 @@ module.exports = function (webpackEnv) {
       // the HTML & assets that are part of the webpack build.
       isEnvProduction &&
         fs.existsSync(swSrc) &&
-          fs.existsSync(paths.appHtml) && 
-          new WorkboxWebpackPlugin.InjectManifest({
-            swSrc,
-            dontCacheBustURLsMatching: /\.[0-9a-f]{8}\./,
-            exclude: [/\.map$/, /asset-manifest\.json$/, /LICENSE/],
-            // Bump up the default maximum size (2mb) that's precached,
-            // to make lazy-loading failure scenarios less likely.
-            // See https://github.com/cra-template/pwa/issues/13#issuecomment-722667270
-            maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
-          }),
+        new WorkboxWebpackPlugin.InjectManifest({
+          swSrc,
+          dontCacheBustURLsMatching: /\.[0-9a-f]{8}\./,
+          exclude: [/\.map$/, /asset-manifest\.json$/, /LICENSE/],
+          // Bump up the default maximum size (2mb) that's precached,
+          // to make lazy-loading failure scenarios less likely.
+          // See https://github.com/cra-template/pwa/issues/13#issuecomment-722667270
+          maximumFileSizeToCacheInBytes: 5 * 1024 * 1024,
+        }),
       // TypeScript type checking
       useTypeScript &&
         new ForkTsCheckerWebpackPlugin({

From 726d8e695212769d96f78c84fd8368d556c3178d Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Wed, 13 Apr 2022 11:53:22 -0700
Subject: [PATCH 5/9] move InterpolateHtmlPlugin to newline

---
 packages/react-scripts/config/webpack.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index 44663a522c8..cda7853e352 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -643,7 +643,8 @@ module.exports = function (webpackEnv) {
       // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
       // It will be an empty string unless you specify "homepage"
       // in `package.json`, in which case it will be the pathname of that URL.
-      fs.existsSync(paths.appHtml) && new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
+      fs.existsSync(paths.appHtml) &&
+        new InterpolateHtmlPlugin(HtmlWebpackPlugin, env.raw),
       // This gives some necessary context to module not found errors, such as
       // the requesting resource.
       new ModuleNotFoundPlugin(paths.appPath),

From a615da926d2c3449d51ce41aeac58bc1fb556407 Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Thu, 14 Apr 2022 08:41:23 -0700
Subject: [PATCH 6/9] Add webpack module federation docs

---
 docusaurus/docs/webpack-module-federation.md | 21 ++++++++++++++++++++
 docusaurus/website/sidebars.json             |  1 +
 2 files changed, 22 insertions(+)
 create mode 100644 docusaurus/docs/webpack-module-federation.md

diff --git a/docusaurus/docs/webpack-module-federation.md b/docusaurus/docs/webpack-module-federation.md
new file mode 100644
index 00000000000..2d700189310
--- /dev/null
+++ b/docusaurus/docs/webpack-module-federation.md
@@ -0,0 +1,21 @@
+---
+id: webpack-module-federation
+title: Webpack Module Federation
+---
+
+[Webpack Module Federation](https://webpack.js.org/concepts/module-federation) is a feature made available in Webpack 5.
+
+## Configuring Webpack Module Federation
+To get started, create `src/setupModuleFederation.js` and place the following contents in it:
+```js
+module.exports = {
+  name: 'test',
+  library: { type: 'var', name: 'test' },
+  filename: 'remoteEntry.js',
+  exposes: { '.': './src/App.js' }
+}
+```
+
+You can now modify this configuration to suit your needs. [See here](https://webpack.js.org/plugins/module-federation-plugin#sharing-hints) for Module Federation Plugin's configuraiton options.
+
+> **Note:** Since Micro-frontend apps do not typically have their own `index.html` (unless they're using iframes), the `index.html` file in the public folder is an optional file and can be removed if not applicable to your app.
diff --git a/docusaurus/website/sidebars.json b/docusaurus/website/sidebars.json
index 386a29da1bf..1d8d7df80fb 100644
--- a/docusaurus/website/sidebars.json
+++ b/docusaurus/website/sidebars.json
@@ -48,6 +48,7 @@
     ],
     "Deployment": ["deployment"],
     "Advanced Usage": [
+      "webpack-module-federation",
       "custom-templates",
       "can-i-use-decorators",
       "pre-rendering-into-static-html-files",

From a36fb8b1e074d0517ae3200f9400e3bd00b2cfeb Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Mon, 16 May 2022 08:23:21 -0700
Subject: [PATCH 7/9] Revert isEnvProduction ordering change

---
 .../react-scripts/config/webpack.config.js    |  4 +-
 .../__snapshots__/index.test.js.snap          | 95 +++++++++++++++++++
 2 files changed, 97 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/config/webpack.config.js b/packages/react-scripts/config/webpack.config.js
index cda7853e352..e772ca9f552 100644
--- a/packages/react-scripts/config/webpack.config.js
+++ b/packages/react-scripts/config/webpack.config.js
@@ -634,8 +634,8 @@ module.exports = function (webpackEnv) {
       // Inlines the webpack runtime script. This script is too small to warrant
       // a network request.
       // https://github.com/facebook/create-react-app/issues/5358
-      shouldInlineRuntimeChunk &&
-        isEnvProduction &&
+      isEnvProduction &&
+        shouldInlineRuntimeChunk &&
           fs.existsSync(paths.appHtml) &&
             new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/runtime-.+[.]js/]),
       // Makes some environment variables available in index.html.
diff --git a/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap b/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap
index 91042386d01..b6f1d38dbc6 100644
--- a/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap
+++ b/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap
@@ -9,6 +9,41 @@ Failed to compile.
 Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar2').
 
 
+",
+  "stdout": "",
+}
+`;
+
+exports[`formats aliased unknown export 2`] = `
+Object {
+  "stderr": "> build
+> react-scripts build
+
+Creating an optimized production build...
+Failed to compile.
+
+Syntax error: /private/var/folders/4_/mlyy2b8102j_7y42pq063cr40000gn/T/8f041a170de78ef5ac74d17fa6b7ff98/src/AppCss.css Unexpected } (3:2)
+  1 | .App {
+  2 |   color: red;
+> 3 | }}
+    |  ^
+  4 | 
+
+",
+  "stdout": "",
+}
+`;
+
+exports[`formats aliased unknown export 3`] = `
+Object {
+  "stderr": "> build
+> react-scripts build
+
+Creating an optimized production build...
+Failed to compile.
+
+Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar2').
+
 ",
   "stdout": "",
 }
@@ -127,6 +162,21 @@ Failed to compile.
 Attempted import error: './ExportNoDefault' does not contain a default export (imported as 'myImport').
 
 
+",
+  "stdout": "",
+}
+`;
+
+exports[`formats no default export 2`] = `
+Object {
+  "stderr": "> build
+> react-scripts build
+
+Creating an optimized production build...
+Failed to compile.
+
+Attempted import error: './ExportNoDefault' does not contain a default export (imported as 'myImport').
+
 ",
   "stdout": "",
 }
@@ -160,3 +210,48 @@ Attempted import error: 'bar' is not exported from './AppUnknownExport'.
   "stdout": "",
 }
 `;
+
+exports[`formats unknown export 2`] = `
+Object {
+  "stderr": "> build
+> react-scripts build
+
+Creating an optimized production build...
+Failed to compile.
+
+Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar').
+
+",
+  "stdout": "",
+}
+`;
+
+exports[`helps when users tries to use sass 1`] = `
+Object {
+  "stderr": "",
+  "stdout": "
+> build
+> react-scripts build
+
+Creating an optimized production build...
+Compiled successfully.
+
+File sizes after gzip:
+
+  45.76 kB  build/static/js/main.07c4efe6.js
+
+The project was built assuming it is hosted at /.
+You can control this with the homepage field in your package.json.
+
+The build folder is ready to be deployed.
+You may serve it with a static server:
+
+  npm install -g serve
+  serve -s build
+
+Find out more about deployment here:
+
+  https://cra.link/deployment
+",
+}
+`;

From 511819ecdf363f3e2d9deb53f6921b98f91a241c Mon Sep 17 00:00:00 2001
From: Ross <raspy8766@gmail.com>
Date: Tue, 7 Jun 2022 16:09:59 -0700
Subject: [PATCH 8/9] -am

---
 packages/react-scripts/scripts/build.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/react-scripts/scripts/build.js b/packages/react-scripts/scripts/build.js
index 640af9ce6a5..8ea543023f4 100644
--- a/packages/react-scripts/scripts/build.js
+++ b/packages/react-scripts/scripts/build.js
@@ -70,8 +70,10 @@ checkBrowsers(paths.appPath, isInteractive)
     // Remove all content but keep the directory so that
     // if you're in it, you don't end up in Trash
     fs.emptyDirSync(paths.appBuild);
-    // Merge with the public folder
-    copyPublicFolder();
+    // If public folder exists, then merge build with the public folder
+    if (fs.existsSync(paths.appPublic)) {
+      copyPublicFolder();
+    }
     // Start the webpack build
     return build(previousFileSizes);
   })

From 340d8882e7c24e56e71d4df1495e263dc7d3e8ca Mon Sep 17 00:00:00 2001
From: Ross Rasmussen <raspy8766@gmail.com>
Date: Tue, 7 Jun 2022 16:50:28 -0700
Subject: [PATCH 9/9] Update index.test.js.snap

---
 .../__snapshots__/index.test.js.snap          | 95 -------------------
 1 file changed, 95 deletions(-)

diff --git a/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap b/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap
index b6f1d38dbc6..91042386d01 100644
--- a/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap
+++ b/test/fixtures/webpack-message-formatting/__snapshots__/index.test.js.snap
@@ -9,41 +9,6 @@ Failed to compile.
 Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar2').
 
 
-",
-  "stdout": "",
-}
-`;
-
-exports[`formats aliased unknown export 2`] = `
-Object {
-  "stderr": "> build
-> react-scripts build
-
-Creating an optimized production build...
-Failed to compile.
-
-Syntax error: /private/var/folders/4_/mlyy2b8102j_7y42pq063cr40000gn/T/8f041a170de78ef5ac74d17fa6b7ff98/src/AppCss.css Unexpected } (3:2)
-  1 | .App {
-  2 |   color: red;
-> 3 | }}
-    |  ^
-  4 | 
-
-",
-  "stdout": "",
-}
-`;
-
-exports[`formats aliased unknown export 3`] = `
-Object {
-  "stderr": "> build
-> react-scripts build
-
-Creating an optimized production build...
-Failed to compile.
-
-Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar2').
-
 ",
   "stdout": "",
 }
@@ -162,21 +127,6 @@ Failed to compile.
 Attempted import error: './ExportNoDefault' does not contain a default export (imported as 'myImport').
 
 
-",
-  "stdout": "",
-}
-`;
-
-exports[`formats no default export 2`] = `
-Object {
-  "stderr": "> build
-> react-scripts build
-
-Creating an optimized production build...
-Failed to compile.
-
-Attempted import error: './ExportNoDefault' does not contain a default export (imported as 'myImport').
-
 ",
   "stdout": "",
 }
@@ -210,48 +160,3 @@ Attempted import error: 'bar' is not exported from './AppUnknownExport'.
   "stdout": "",
 }
 `;
-
-exports[`formats unknown export 2`] = `
-Object {
-  "stderr": "> build
-> react-scripts build
-
-Creating an optimized production build...
-Failed to compile.
-
-Attempted import error: 'bar' is not exported from './AppUnknownExport' (imported as 'bar').
-
-",
-  "stdout": "",
-}
-`;
-
-exports[`helps when users tries to use sass 1`] = `
-Object {
-  "stderr": "",
-  "stdout": "
-> build
-> react-scripts build
-
-Creating an optimized production build...
-Compiled successfully.
-
-File sizes after gzip:
-
-  45.76 kB  build/static/js/main.07c4efe6.js
-
-The project was built assuming it is hosted at /.
-You can control this with the homepage field in your package.json.
-
-The build folder is ready to be deployed.
-You may serve it with a static server:
-
-  npm install -g serve
-  serve -s build
-
-Find out more about deployment here:
-
-  https://cra.link/deployment
-",
-}
-`;