Allow user decide which npm deps should be cached by browser

[windsonR]

Description

The feature allow browser to cache npm deps deps is very useful, but it has a problem like this repo

reproduction steps:

1. Download repo and pnpm install
2. Start vite dev-server
3. In browser, access http://localhost:5173/
4. wait for page loaded
5. make sure devtools=>Network=> disable cache not checked!
6. restart vite dev-ser
7. wait for browser load page

Browser page will display errors.

Suggested solution

When send cached request, allow user define a callback or RegExp to disable some npm deps' cache

A possibly implementation:

defineConfig({
server:{
npmCacheStrategy(url){
return url.indexOf('?')<0
}
}
})

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[sapphi-red]

Since demo is a dependency, demo.vue gets cached and it doesn't hit the server. But plugin-vue expects demo.vue to be processed before demo.vue?vue&type=script and it skips the transform.

vite-plugin-vue/packages/plugin-vue/src/index.ts

Line 254 in 2050ad3

if (block) {

Specifically, this condition is false.

[windsonR]

Both @vitejs/plugin-vue and @vitejs/plugin-vue2 plugins have this issue.
If it fix in the plugins, you may need to add a fallback when loading the script(demo.vue?vue&type=script) to check if the corresponding Vue file(demo.vue) has already been loaded?
In my opinion, controlling Cache Control on certain files may be simpler and more adaptable to different situations?

[windsonR]

At present, I can only temporarily solve this problem by disabling the browser cache