feat: skip unused assets watch apply

src/node/server/serverPluginAssets.ts

@@ -1,13 +1,29 @@
 import { ServerPlugin } from '.'
 import { isImportRequest, isStaticAsset } from '../utils'
 
-export const assetPathPlugin: ServerPlugin = ({ app }) => {
+const usedAssetsSet = new Set<string>()
+
+export const assetPathPlugin: ServerPlugin = ({ app, resolver, watcher }) => {
   app.use(async (ctx, next) => {
-    if (isStaticAsset(ctx.path) && isImportRequest(ctx)) {
-      ctx.type = 'js'
-      ctx.body = `export default ${JSON.stringify(ctx.path)}`
-      return
+    if (isStaticAsset(ctx.path)) {
+      if (isImportRequest(ctx)) {
+        ctx.type = 'js'
+        ctx.body = `export default ${JSON.stringify(ctx.path)}`
+        return
+      }
+      usedAssetsSet.add(ctx.path)
     }
     return next()
   })
+
+  watcher.on('change', (filePath) => {
+    if (isStaticAsset(filePath)) {
+      const publicPath = resolver.fileToRequest(filePath)
+
+      // skip unused
+      if (!usedAssetsSet.has(publicPath)) return
+
+      watcher.handleJSReload(filePath)
+    }
+  })
 }

src/node/server/serverPluginHmr.ts

@@ -32,6 +32,7 @@ import { InternalResolver } from '../resolver'
 import LRUCache from 'lru-cache'
 import slash from 'slash'
 import { cssPreprocessLangRE } from '../utils/cssUtils'
+import { isStaticAsset } from '../utils'
 
 export const debugHmr = require('debug')('vite:hmr')
 
@@ -183,6 +184,7 @@ export const hmrPlugin: ServerPlugin = ({
   watcher.on('change', (file) => {
     if (
       !(
+        isStaticAsset(file) ||
         file.endsWith('.vue') ||
         file.endsWith('.css') ||
         cssPreprocessLangRE.test(file)