fix(build): watcher of webpack watches too many files include output …

…files

closes #3672

packages/maskbook/webpack.config.ts

@@ -48,6 +48,9 @@ function EnvironmentPluginNoCache(def: Record<string, any>) {
     }
     return new DefinePlugin(next)
 }
+const watchOptions = {
+    ignored: /\bnode_modules\b/,
+}
 
 function config(opts: {
     name: string
@@ -232,6 +235,7 @@ function config(opts: {
                 'Access-Control-Allow-Origin': '*',
             },
             transportMode: 'ws',
+            watchOptions,
         } as DevServerConfiguration,
     }
     if (isProfile) {
@@ -323,7 +327,7 @@ export default async function (cli_env: Record<string, boolean> = {}, argv: { mo
     // @ts-ignore
     delete injectedScript.devServer
     // TODO: multiple config seems doesn't work well therefore we start the watch mode webpack compiler manually, ignore the build message currently
-    webpack(injectedScript, () => {}).watch({}, () => {})
+    webpack(injectedScript).watch(watchOptions, () => {})
     return main
 
     function withReactDevTools(...x: string[]) {