Webpack folder structure

Question

I'm trying to learn Webpack, so that I can implement it with my html project. I've some dumb questions but I'm very confused about them. I understand the work on scss, images etc etc. The problem is some developers are putting all the html files in the src folder and then pushing it to the dist folder with the build command(html-webpack-plugin). And some are manually keeping all html files in the dist folder rather than src folder. Can you please explain which is the best practice among them?

1. Where should I keep my html files? In src folder or dist folder?

2. What is the best practice for folder structure when I'm working with html and webpack?

3. If any backend developer work with my project then which folder he'll work on, src or dist?

My Project Structure

root

src folder

dist folder

https://webpack.js.org/guides/asset-management/

Thanks in advance Have a great day!