chore: upgrade rspack 1.6.0 (#84210)

1. Fixed the incremental update bug in buildChunkGraph.
2. Fixed a bug in Rspack's built-in CssChunkingPlugin.

For detailed release information, please see
https://github.com/web-infra-dev/rspack/releases.

Note: All the faulty Rspack test cases on GitHub, from what I can see,
either time out or also produce errors in Rspack version 1.5.0.

---------

Co-authored-by: Benjamin Woodruff <benjamin.woodruff@vercel.com>

Author: 2 people

package.json

@@ -146,7 +146,7 @@
     "@next/third-parties": "workspace:*",
     "@opentelemetry/api": "1.4.1",
     "@picocss/pico": "1.5.10",
-    "@rspack/core": "1.5.0",
+    "@rspack/core": "1.6.0",
     "@slack/web-api": "7.9.1",
     "@swc/cli": "0.1.55",
     "@swc/core": "1.11.24",

packages/next-rspack/package.json

@@ -7,6 +7,6 @@
   },
   "types": "index.d.ts",
   "dependencies": {
-    "@next/rspack-core": "1.0.0"
+    "@next/rspack-core": "1.0.1"
   }
 }

packages/next/package.json

@@ -169,7 +169,7 @@
     "@next/swc": "16.0.2",
     "@opentelemetry/api": "1.6.0",
     "@playwright/test": "1.51.1",
-    "@rspack/core": "1.5.0",
+    "@rspack/core": "1.6.0",
     "@storybook/addon-a11y": "8.6.0",
     "@storybook/addon-essentials": "8.6.0",
     "@storybook/addon-interactions": "8.6.0",

packages/next/src/build/webpack-config.ts

@@ -287,6 +287,10 @@ export function hasExternalOtelApiPackage(): boolean {
 
 const UNSAFE_CACHE_REGEX = /[\\/]pages[\\/][^\\/]+(?:$|\?|#)/
 
+const NEGATIVE_UNSAFE_CACHE_REGEX = new RegExp(
+  `^(?!.*${UNSAFE_CACHE_REGEX.source}).*$`
+)
+
 export function getCacheDirectories(
   configs: webpack.Configuration[]
 ): Set<string> {
@@ -2255,12 +2259,8 @@ export default async function getBaseWebpackConfig(
   }
 
   if (isRspack) {
-    // @ts-ignore
-    // Disable Rspack's incremental buildChunkGraph due to Next.js compatibility issues
-    // TODO: Remove this workaround after Rspack 1.5.1 release
-    webpack5Config.experiments.incremental = {
-      buildChunkGraph: false,
-    }
+    // The layers experiment is now stable in Rspack
+    delete webpack5Config.experiments!.layers
   }
 
   webpack5Config.module!.parser = {
@@ -2486,11 +2486,22 @@ export default async function getBaseWebpackConfig(
 
   if (dev) {
     if (webpackConfig.module) {
-      webpackConfig.module.unsafeCache = (module: any) =>
-        !UNSAFE_CACHE_REGEX.test(module.resource)
+      if (isRspack) {
+        ;(webpackConfig.module.unsafeCache as any) = NEGATIVE_UNSAFE_CACHE_REGEX
+      } else {
+        webpackConfig.module.unsafeCache = (module: any) =>
+          !UNSAFE_CACHE_REGEX.test(module.resource)
+      }
     } else {
-      webpackConfig.module = {
-        unsafeCache: (module: any) => !UNSAFE_CACHE_REGEX.test(module.resource),
+      if (isRspack) {
+        ;(webpackConfig.module as any) = {
+          unsafeCache: NEGATIVE_UNSAFE_CACHE_REGEX,
+        }
+      } else {
+        webpackConfig.module = {
+          unsafeCache: (module: any) =>
+            !UNSAFE_CACHE_REGEX.test(module.resource),
+        }
       }
     }
   }

packages/next/src/compiled/sass-loader/cjs.js

@@ -4,13 +4,11 @@ import path from 'path'
 import { outdent } from 'outdent'
 
 describe('ReactRefreshLogBox-builtins app', () => {
-  const { isTurbopack, next } = nextTestSetup({
+  const { isTurbopack, next, isRspack } = nextTestSetup({
     files: new FileRef(path.join(__dirname, 'fixtures', 'default-template')),
     skipStart: true,
   })
 
-  const isRspack = !!process.env.NEXT_RSPACK
-
   // Module trace is only available with webpack 5
   test('Node.js builtins', async () => {
     await using sandbox = await createSandbox(
@@ -135,10 +133,10 @@ describe('ReactRefreshLogBox-builtins app', () => {
          "label": "Build Error",
          "source": "./index.js
          × Module not found: Can't resolve 'b' in '<FIXME-project-root>'
-          ╭─[2:17]
+          ╭─[2:0]
         1 │ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
         2 │ import Comp from 'b';
-          ·                  ───
+          · ─────────────────────
         3 │ export default function Oops() {
         4 │     return /*#__PURE__*/ _jsxDEV("div", {
           ╰────
@@ -204,10 +202,10 @@ describe('ReactRefreshLogBox-builtins app', () => {
          "label": "Build Error",
          "source": "./app/page.js
          × Module not found: Can't resolve 'b' in '<FIXME-project-root>/app'
-          ╭─[2:17]
+          ╭─[2:0]
         1 │ /* __next_internal_client_entry_do_not_use__ default auto */ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
         2 │ import Comp from 'b';
-          ·                  ───
+          · ─────────────────────
         3 │ export default function Oops() {
         4 │     return /*#__PURE__*/ _jsxDEV("div", {
           ╰────
@@ -270,10 +268,10 @@ describe('ReactRefreshLogBox-builtins app', () => {
          "label": "Build Error",
          "source": "./app/page.js
          × Module not found: Can't resolve './non-existent.css' in '<FIXME-project-root>/app'
-          ╭─[2:7]
+          ╭─[2:0]
         1 │ /* __next_internal_client_entry_do_not_use__ default auto */ import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
         2 │ import './non-existent.css';
-          ·        ────────────────────
+          · ────────────────────────────
         3 │ export default function Page(props) {
         4 │     return /*#__PURE__*/ _jsxDEV("p", {
           ╰────",

pnpm-lock.yaml

@@ -6,14 +6,12 @@ import path from 'path'
 import { outdent } from 'outdent'
 
 describe('ReactRefreshLogBox app', () => {
-  const { next, isTurbopack } = nextTestSetup({
+  const { next, isTurbopack, isRspack } = nextTestSetup({
     files: new FileRef(path.join(__dirname, 'fixtures', 'default-template')),
     skipStart: true,
     patchFileDelay: 1000,
   })
 
-  const isRspack = !!process.env.NEXT_RSPACK
-
   test('should strip whitespace correctly with newline', async () => {
     await using sandbox = await createSandbox(next)
     const { browser, session } = sandbox
@@ -1443,7 +1441,7 @@ describe('ReactRefreshLogBox app', () => {
          × Module not found: Can't resolve 'non-existing-module' in '<FIXME-project-root>/app'
           ╭────
         1 │ import "non-existing-module";
-          ·        ─────────────────────
+          · ─────────────────────────────
           ╰────
        Import trace for requested module:
        ./app/module.js