feat: upgrade chokidar to v4, close #891

Author: antfu

package.json

@@ -98,7 +98,7 @@
     }
   },
   "dependencies": {
-    "chokidar": "^3.6.0",
+    "chokidar": "^4.0.3",
     "debug": "^4.4.3",
     "local-pkg": "^1.1.2",
     "magic-string": "^0.30.19",
@@ -115,7 +115,6 @@
     "@nuxt/kit": "^4.1.3",
     "@nuxt/schema": "^4.1.3",
     "@types/debug": "^4.1.12",
-    "@types/minimatch": "^6.0.0",
     "@types/node": "^24.8.1",
     "bumpp": "^10.3.1",
     "compare-versions": "^6.1.1",

pnpm-lock.yaml

@@ -1,3 +1,4 @@
+import type { FSWatcher } from 'chokidar'
 import type fs from 'node:fs'
 import type { UpdatePayload, ViteDevServer } from 'vite'
 import type { ComponentInfo, Options, ResolvedOptions, Transformer } from '../types'
@@ -84,7 +85,7 @@ export class Context {
     this.setupWatcher(server.watcher)
   }
 
-  setupWatcher(watcher: fs.FSWatcher) {
+  setupWatcher(watcher: FSWatcher | fs.FSWatcher) {
     const { globs } = this.options
     this._removeUnused = this.options.syncMode === 'overwrite'
     watcher
@@ -110,7 +111,7 @@ export class Context {
   /**
    * start watcher for webpack
    */
-  setupWatcherWebpack(watcher: fs.FSWatcher, emitUpdate: (path: string, type: 'unlink' | 'add') => void) {
+  setupWatcherWebpack(watcher: FSWatcher, emitUpdate: (path: string, type: 'unlink' | 'add') => void) {
     const { globs } = this.options
     this._removeUnused = this.options.syncMode === 'overwrite'
     watcher

src/core/context.ts

@@ -4,6 +4,7 @@ import type { Options, PublicPluginAPI } from '../types'
 import { existsSync } from 'node:fs'
 import process from 'node:process'
 import chokidar from 'chokidar'
+import { glob } from 'tinyglobby'
 import { createUnplugin } from 'unplugin'
 import { createFilter } from 'unplugin-utils'
 import { Context } from './context'
@@ -57,7 +58,7 @@ export default createUnplugin<Options>((options = {}) => {
     },
 
     vite: {
-      configResolved(config: ResolvedConfig) {
+      async configResolved(config: ResolvedConfig) {
         ctx.setRoot(config.root)
         ctx.sourcemap = true
 
@@ -76,7 +77,7 @@ export default createUnplugin<Options>((options = {}) => {
         }
 
         if (config.build.watch && config.command === 'build')
-          ctx.setupWatcher(chokidar.watch(ctx.options.globs))
+          ctx.setupWatcher(chokidar.watch(await glob(ctx.options.globs)))
       },
       configureServer(server: ViteDevServer) {
         ctx.setupViteServer(server)
@@ -86,17 +87,20 @@ export default createUnplugin<Options>((options = {}) => {
     webpack(compiler) {
       let watcher: Watching
       let fileDepQueue: { path: string, type: 'unlink' | 'add' }[] = []
-      compiler.hooks.watchRun.tap(PLUGIN_NAME, () => {
+      compiler.hooks.watchRun.tapAsync(PLUGIN_NAME, async () => {
         // ensure watcher is ready(supported since webpack@5.0.0-rc.1)
         if (!watcher && compiler.watching) {
           watcher = compiler.watching
-          ctx.setupWatcherWebpack(chokidar.watch(ctx.options.globs), (path: string, type: 'unlink' | 'add') => {
-            fileDepQueue.push({ path, type })
-            // process.nextTick is for aggregated file change event
-            process.nextTick(() => {
-              watcher.invalidate()
-            })
-          })
+          ctx.setupWatcherWebpack(
+            chokidar.watch(await glob(ctx.options.globs)),
+            (path: string, type: 'unlink' | 'add') => {
+              fileDepQueue.push({ path, type })
+              // process.nextTick is for aggregated file change event
+              process.nextTick(() => {
+                watcher.invalidate()
+              })
+            },
+          )
         }
       })
       compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {