[Feature]: support `dev.watchFiles`

[9aoy]

What problem does this feature solve?

support configure a list of globs/directories/files to watch for file changes, and these file changes will trigger a page reload.

export default {
  dev: {
    watchFiles: : ['src/**/*.php', 'public/**/*'],
  },
};

What does the proposed API look like?

like webpack#devServer.watchFiles

[liyincode]

Hi, I finished the feature,It's working.😁

code is here
e2e test is here

Usage

export default { 
  dev: {
    watchFiles: 'assets/example.txt',
  }, 
};

export default {
  dev: {
    watchFiles: 'assets/**/*',
  },
};

export default { 
  dev: {
    watchFiles: ['assets/example.txt', 'static/example.txt']
  }, 
};

export default { 
  dev: {
    watchFiles: 'assets',
  }, 
};

export default {
  dev: {
    watchFiles: ['assets', 'static'],
  },
};

export default { 
  dev: {
    // use chokidar options https://github.com/paulmillr/chokidar
    watchFiles: {
      paths: ['assets', 'static'],
      options: {
        usePolling: true,
      },
    },
  },
};

But, I have one question.

1.Which file should I put the setupWatchFiles method in.

Since this file is used to create the dev server and setupWatchFiles method is used to setup watch files, I think it should be in another file, but I don't know which file it should be in, so I'll put it here first.

[chenjiahan]

@9aoy can you check this

[9aoy]

@liyincode Thanks for your contribution, I think you could create a PR ~
Regarding the question with setupWatchFiles method , personally, we should avoid a file that is too long. I think you can split setupWatchFiles into a new separate file and name it watchFiles.ts.

[liyincode]

@liyincode Thanks for your contribution, I think you could create a PR ~ Regarding the question with setupWatchFiles method , personally, we should avoid a file that is too long. I think you can split setupWatchFiles into a new separate file and name it watchFiles.ts.

Thanks for reply. I will split the method to new file, then create pr😀

[FaureWu]

Hi, I finished the feature,It's working.😁

code is here e2e test is here

Usage

export default {
dev: {
watchFiles: 'assets/example.txt',
},
};
export default {
dev: {
watchFiles: 'assets/**/*',
},
};
export default {
dev: {
watchFiles: ['assets/example.txt', 'static/example.txt']
},
};
export default {
dev: {
watchFiles: 'assets',
},
};
export default {
dev: {
watchFiles: ['assets', 'static'],
},
};
export default {
dev: {
// use chokidar options https://github.com/paulmillr/chokidar
watchFiles: {
paths: ['assets', 'static'],
options: {
usePolling: true,
},
},
},
};

But, I have one question.

1.Which file should I put the setupWatchFiles method in.

Since this file is used to create the dev server and setupWatchFiles method is used to setup watch files, I think it should be in another file, but I don't know which file it should be in, so I'll put it here first.

When I modify the watchFiles in rsbuild by api.modifyRsbuildConfig, it's no effective

[chenjiahan]

@FaureWu can you create a new issue and provide a reproduction repo?