Fix vite-plugin serving dist instead of source during dev

When using @netlify/vite-plugin with a SPA-style redirect (e.g., /* -> /index.html) and a build.publish directory (e.g., dist) in netlify.toml, the plugin was incorrectly serving files from the dist directory instead of the source directory during vite dev.

The issue was in @netlify/dev where the static handler was prepending the build.publish directory to the list of static directories, causing it to check dist first before the source directories passed by the vite plugin.

The fix changes the logic so that if custom static directories are provided (e.g., by vite-plugin during dev), only those directories are used. Otherwise, the build.publish directory from config is used as a fallback.

Also added .netlify to .gitignore in vite-plugin.

Co-authored-by: serhalp <[email protected]>

Author: Copilot

packages/dev/src/main.ts

@@ -582,11 +582,15 @@ export class NetlifyDev {
     }
 
     if (this.#features.static) {
+      // If custom static directories are provided (e.g., by vite-plugin during dev),
+      // use only those directories. Otherwise, use the build.publish directory from config.
+      const directories =
+        this.#staticHandlerAdditionalDirectories.length > 0
+          ? this.#staticHandlerAdditionalDirectories
+          : [this.#config?.config.build.publish ?? this.#projectRoot]
+
       this.#staticHandler = new StaticHandler({
-        directory: [
-          this.#config?.config.build.publish ?? this.#projectRoot,
-          ...this.#staticHandlerAdditionalDirectories,
-        ],
+        directory: directories,
       })
     }
 

packages/vite-plugin/.gitignore

@@ -1,2 +1,5 @@
 dist
 node_modules
+
+# Local Netlify folder
+.netlify