feat: allow chokidar options

Author: snitin315

lib/Server.js

@@ -445,13 +445,22 @@ class Server {
     const compilerOptions = this.getCompilerOptions();
     // TODO remove `{}` after drop webpack v4 support
     const watchOptions = compilerOptions.watchOptions || {};
+    const defaultWatchOptions = {
+      ignoreInitial: true,
+      persistent: true,
+      followSymlinks: false,
+      atomic: false,
+      alwaysStat: true,
+      ignorePermissionErrors: true,
+      ...watchOptions,
+    };
     const defaultOptionsForStatic = {
       directory: path.join(process.cwd(), "public"),
       staticOptions: {},
       publicPath: ["/"],
       serveIndex: { icons: true },
       // Respect options from compiler watchOptions
-      watch: watchOptions,
+      watch: defaultWatchOptions,
     };
 
     if (typeof options.allowedHosts === "undefined") {
@@ -954,6 +963,11 @@ class Server {
         // ensure that watch is an object if true
         if (staticOption.watch === true) {
           staticOption.watch = defaultOptionsForStatic.watch;
+        } else if (typeof staticOption.watch === "object") {
+          staticOption.watch = {
+            ...defaultOptionsForStatic.watch,
+            ...staticOption.watch,
+          };
         }
 
         // ensure that serveIndex is an object if true
@@ -964,7 +978,9 @@ class Server {
     }
 
     if (typeof options.watchFiles === "string") {
-      options.watchFiles = [{ paths: options.watchFiles, options: {} }];
+      options.watchFiles = [
+        { paths: options.watchFiles, options: defaultWatchOptions },
+      ];
     } else if (
       typeof options.watchFiles === "object" &&
       options.watchFiles !== null &&
@@ -973,16 +989,25 @@ class Server {
       options.watchFiles = [
         {
           paths: options.watchFiles.paths,
-          options: options.watchFiles.options || {},
+          options: {
+            ...defaultWatchOptions,
+            ...(options.watchFiles.options || {}),
+          },
         },
       ];
     } else if (Array.isArray(options.watchFiles)) {
       options.watchFiles = options.watchFiles.map((item) => {
         if (typeof item === "string") {
-          return { paths: item, options: {} };
+          return { paths: item, options: defaultWatchOptions };
         }
 
-        return { paths: item.paths, options: item.options || {} };
+        return {
+          paths: item.paths,
+          options: {
+            ...defaultWatchOptions,
+            ...(item.options || {}),
+          },
+        };
       });
     } else {
       options.watchFiles = [];
@@ -2128,7 +2153,6 @@ class Server {
     // duplicate the same massaging of options that watchpack performs
     // https://github.com/webpack/watchpack/blob/master/lib/DirectoryWatcher.js#L49
     // this isn't an elegant solution, but we'll improve it in the future
-    // eslint-disable-next-line no-undefined
     const usePolling =
       typeof watchOptions.usePolling !== "undefined"
         ? watchOptions.usePolling
@@ -2143,12 +2167,7 @@ class Server {
           undefined;
 
     const finalWatchOptions = {
-      ignoreInitial: true,
-      persistent: true,
-      followSymlinks: false,
-      atomic: false,
-      alwaysStat: true,
-      ignorePermissionErrors: true,
+      ...watchOptions,
       ignored: watchOptions.ignored,
       usePolling,
       interval,