fix: update vite + nextjs config to ignore rescript build artifacts

Author: illusionalsagacity

templates/rescript-template-nextjs/next.config.mjs

@@ -1,4 +1,5 @@
 import fs from "fs";
+import path from "path";
 
 const rescript = JSON.parse(fs.readFileSync("./rescript.json"));
 const transpileModules = ["rescript"].concat(rescript["bs-dependencies"]);
@@ -19,6 +20,15 @@ const config = {
         fs: false,
         path: false,
       };
+      config.watchOptions = {
+        ...config.watchOptions,
+        // We ignore ReScript build artifacts to avoid unnecessarily triggering HMR on incremental compilation
+        ignored: [
+          path.join(import.meta.dirname, "lib", "bs"),
+          path.join(import.meta.dirname, "lib", "ocaml"),
+          path.join(import.meta.dirname, "lib", "rescript.lock"),
+        ],
+      };
     }
 
     // We need this additional rule to make sure that mjs files are

templates/rescript-template-vite/vite.config.js

@@ -1,6 +1,6 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
-import tailwindcss from '@tailwindcss/vite';
+import tailwindcss from "@tailwindcss/vite";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,4 +10,10 @@ export default defineConfig({
       include: ["**/*.res.mjs"],
     }),
   ],
+  server: {
+    watch: {
+      // ignore ReScript build artifacts
+      ignored: ["**/lib/bs/**", "**/lib/ocaml/**", "**/lib/rescript.lock"],
+    },
+  },
 });