vite build --watch is building the component with a new data-v value, but not generating a new css file

[ashcolor]

Describe the bug

Same Issue #6633, and add reproduction procedure.

1. git clone git@github.com:ashcolor/vue-watch-scoped-css.git

2. Npm install

npm install

3. Build with watch option.

# vite build --watch
npm run watch

4. Preview and Open browser.

# another terminal
npm run preview

5. Change src\components\HelloWorld.vue anything, and rebuld automatically.

6. Reload browser, a {color: #42b983;} is not worked.

Reproduction

https://github.com/ashcolor/vue-watch-scoped-css

System Info

Windows 10, Chrome
node v16.15.0

"@vitejs/plugin-vue": "^2.3.1",
"vite": "^2.9.5"

Used Package Manager

npm

Logs

First build:

Second build:

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[ccor]

I also encountered this problem，look forward to fixing it soon.