Vite-watch-external-plugin.js

Vite-watch-external-plugin.js

function watchExternal(paths: string[]): Plugin {
  console.log('Watching external paths: ', paths);
  return {
    name: 'watch-external',
    configureServer(server) {
      // Server is the Vite dev server instance
      // Start watching external files
      paths.forEach(path => {
        if (!fs.existsSync(path)) {
          console.warn(redBright(`${path}`))
        }
      })
      const watcher = chokidar.watch(paths, {
        ignoreInitial: true,
        ignored: ['**/node_modules/**'] // ignore changes in node_modules
      });

      watcher.on('change', (path) => {
        console.log(`External file changed: ${path}`);
        server.ws.send({ type: 'full-reload' });
      });

      watcher.on('add', (path) => {
        console.log(`External file added: ${path}`);
        server.ws.send({ type: 'full-reload' });
      });

      // Close the watcher when the server is closed
      server.watcher.on('close', () => {
        watcher.close();
      });
    }
  }
}