[sourcemaps] ignore-list Webpack runtime

Author: eps1lon

packages/next/src/build/webpack/plugins/eval-source-map-dev-tool-plugin.ts

@@ -228,10 +228,62 @@ export default class EvalSourceMapDevToolPlugin {
           'EvalDevToolModulePlugin',
           () => 'the eval-source-map devtool is used.'
         )
-        hooks.render.tap(
-          'EvalSourceMapDevToolPlugin',
-          (source) => new ConcatSource(devtoolWarning, source)
-        )
+        hooks.render.tap('EvalSourceMapDevToolPlugin', (source, context) => {
+          if (
+            context.chunk.id === 'webpack' ||
+            context.chunk.id === 'webpack-runtime'
+          ) {
+            const sourceURL = new URL(
+              'webpack-internal://nextjs/' + context.chunk.id + '.js'
+            )
+            // Webpack runtime chunks are not sourcemapped.
+            // We insert a dummy source map that ignore-lists everything.
+            // The mappings will be incorrect but end-users will almost never interact
+            // with the webpack runtime. Users who do, can follow the instructions
+            // in the sources content and disable sourcemaps in their debugger.
+            const sourceMappingURL = new URL(
+              'data:application/json;charset=utf-8;base64,' +
+                Buffer.from(
+                  JSON.stringify({
+                    version: 3,
+                    ignoreList: [0],
+                    // Minimal, parseable mappings.
+                    mappings: 'AAAA',
+                    sources: [
+                      // TODO: This should be the original source URL so that CTRL+Click works in the terminal.
+                      sourceURL.toString(),
+                    ],
+                    sourcesContent: [
+                      '' +
+                        '// This source was generated by Next.js based off of the generated webpack runtime.\n' +
+                        '// The mappings are incorrect.\n' +
+                        '// To get the correct line/column mappings, turn off sourcemaps in your debugger.\n' +
+                        `// Disable sourcemaps to get the correct mappings.\n` +
+                        '\n' +
+                        source.source(),
+                    ],
+                  })
+                ).toString('base64')
+            )
+
+            return new ConcatSource(
+              source,
+              new RawSource(
+                '\n//# sourceMappingURL=' +
+                  sourceMappingURL +
+                  // Webpack will add a trailing semicolon. Adding a newline
+                  // ensures the semicolon is not part of the sourceURL and actually
+                  // terminates the previous statement.
+                  '\n'
+              )
+              // We don't need to add a sourceURL here because that's handled by
+              // whatever is running this script. It'll be the file in Node.js
+              // and the static asset path in the browser.
+            )
+          } else {
+            return new ConcatSource(devtoolWarning, source)
+          }
+        })
         hooks.chunkHash.tap('EvalSourceMapDevToolPlugin', (_chunk, hash) => {
           hash.update('EvalSourceMapDevToolPlugin')
           hash.update('2')