[Bug]: plugin-preview not rerender after code change

[liuwenzhuang]

Version

System:
    OS: Linux 5.15 Ubuntu 20.04.3 LTS (Focal Fossa)
    CPU: (8) x64 11th Gen Intel(R) Core(TM) i5-1135G7 @ 2.40GHz
    Memory: 10.97 GB / 15.62 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  npmPackages:
    rspress: ^1.38.0 => 1.38.0

Details

I have configure @rspress/plugin-preview plugin into rspress.config.ts，and in mdx file write code like below:

export default () => <div>test 1</div>

open localhost:3000 after pnpm dev, the preview component show test 1, and then change the test 1 to test 2, the preview component not rerender, the component still show test 1, the code area show test 2 however.

Reproduce link

https://codesandbox.io/p/devbox/jxvk3m

Reproduce Steps

1. pnpm i && pnpm dev
2. change code in docs/index.mdx
3. the preview component not rerender

[liuwenzhuang]

Maybe the reason is watchOptions exclude files in /node_modules/, and the preview components is located in node_modules/.rspress/virtual-demo/`.

[Timeless0911]

Yes, this is related to a change in Rsbuild web-infra-dev/rsbuild#4058, we improve performance by ignoring node_modules formly. I think @rspress/plugin-preview plugin should watch node_modules to fix this issue.