How to watch for extra files when using vite dev ?

[iampi31415]

import { defineConfig } from "vite";

export default defineConfig({
  server:{
    watch:{ 
    /* how to specify extra files to watch? */
   }  
 }
})

I've tried un-ignoring, but it does not change anything. Unsure what to use here to watch other files that I include in my index.html (in this case WGSL files.)

[iampi31415]

I found one way in SO. I don't know whether advisable, but it is useful for practising. It's importing it as a string.

The TL;DR is to use import shader from './shaders/xxx.wgsl?raw'.

// wgsl.d.ts
declare module "*.wgsl?raw" {
  const value: string;
  export default value;
}