feat: extractStr is only supported in all-in-one chunkSplit strategy

.changeset/twelve-dancers-learn.md

@@ -0,0 +1,5 @@
+---
+"@lynx-js/react-rsbuild-plugin": patch
+---
+
+Throw error when `extractStr` is `true` and `chunkSplit.strategy` is not `all-in-one` since extracted string of different entries cannot be safely shared in a common chunk.

packages/rspeedy/plugin-react/src/entry.ts

@@ -240,6 +240,15 @@ export function applyEntry(
 
     const rsbuildConfig = api.getRsbuildConfig()
 
+    if (
+      extractStr
+      && rsbuildConfig.performance?.chunkSplit?.strategy !== 'all-in-one'
+    ) {
+      throw new Error(
+        '`extractStr` is only supported in `all-in-one` chunkSplit strategy',
+      )
+    }
+
     chain
       .plugin(PLUGIN_NAME_REACT)
       .after(PLUGIN_NAME_TEMPLATE)

packages/rspeedy/plugin-react/test/config.test.ts

@@ -1434,6 +1434,61 @@ describe('Config', () => {
         `)
     })
 
+    test('performance.chunkSplit.strategy: "split-by-experience" along with extractStr: true', async () => {
+      const { pluginReactLynx } = await import('../src/pluginReactLynx.js')
+
+      let rsbuild = await createRsbuild({
+        rsbuildConfig: {
+          plugins: [
+            pluginReactLynx({
+              extractStr: true,
+            }),
+            pluginStubRspeedyAPI(),
+          ],
+          performance: {
+            chunkSplit: {
+              strategy: 'split-by-experience',
+            },
+          },
+        },
+      })
+
+      await expect(rsbuild.initConfigs()).rejects.toMatchInlineSnapshot(
+        `[Error: \`extractStr\` is only supported in \`all-in-one\` chunkSplit strategy]`,
+      )
+
+      rsbuild = await createRsbuild({
+        rsbuildConfig: {
+          plugins: [
+            pluginReactLynx({
+              extractStr: true,
+            }),
+            pluginStubRspeedyAPI(),
+          ],
+        },
+      })
+
+      await rsbuild.initConfigs()
+
+      rsbuild = await createRsbuild({
+        rsbuildConfig: {
+          plugins: [
+            pluginReactLynx({
+              extractStr: true,
+            }),
+            pluginStubRspeedyAPI(),
+          ],
+          performance: {
+            chunkSplit: {
+              strategy: 'all-in-one',
+            },
+          },
+        },
+      })
+
+      await rsbuild.initConfigs()
+    })
+
     test('tools.rspack.optimization.splitChunks: false', async () => {
       const { pluginReactLynx } = await import('../src/pluginReactLynx.js')