fix: unexpect chokidar watch

src/node/plugin-mdx/pluginMdxRollup.ts

@@ -2,6 +2,7 @@ import pluginMdx from '@mdx-js/rollup';
 import { rehypePluginPreWrapper } from './rehypePlugins/preWrapper';
 import remarkPluginGFM from 'remark-gfm';
 import remarkPluginFrontMatter from 'remark-frontmatter';
+// @ts-expect-error The type problem of remark-directive
 import remarkDirective from 'remark-directive';
 import remarkPluginMDXFrontMatter from 'remark-mdx-frontmatter';
 import { remarkPluginNormalizeLink } from './remarkPlugins/link';

src/node/plugin-routes/RouteService.ts

@@ -3,7 +3,7 @@ import fastGlob from 'fast-glob';
 import fs from 'fs-extra';
 import { RUNTIME_BUNDLE_OUTDIR } from '../constants';
 import path from 'path';
-import { DEFAULT_PAGE_EXTENSIONS } from '.';
+import { DEFAULT_EXCLUDE, DEFAULT_PAGE_EXTENSIONS } from '.';
 import { RouteOptions } from 'shared/types';
 
 export interface RouteMeta {
@@ -42,7 +42,7 @@ export class RouteService {
       .sync([`**/*.{${this.#extensions.join(',')}}`, ...this.#include], {
         cwd: this.scanDir,
         absolute: true,
-        ignore: ['**/node_modules/**', '**/.*', '**/dist/**', ...this.#exclude]
+        ignore: [...DEFAULT_EXCLUDE, ...this.#exclude]
       })
       .sort();
     files.forEach((file) => this.addRoute(file));

src/node/plugin-routes/index.ts

@@ -7,6 +7,8 @@ import type { ComponentType } from 'react';
 import { RouteOptions } from 'shared/types/index';
 import { watch } from 'chokidar';
 
+export const DEFAULT_EXCLUDE = ['**/node_modules/**', '**/.*', '**/dist/**'];
+
 /**
  * How does the conventional route work?
  * Essentially, it turns files into route object, e.g. src/pages/index.tsx -> { path: '/', element: <Index /> }
@@ -67,7 +69,10 @@ export function pluginRoutes(options: RouteOptions = {}): Plugin {
           });
         }
       };
-      watch(scanDir)
+      watch(scanDir, {
+        ignored: [...DEFAULT_EXCLUDE, ...(options.exclude || [])],
+        ignoreInitial: true
+      })
         .on('add', async (file) => {
           await routeService.addRoute(file);
           fileChange();