I'm new to webpack, and I searched the web and this forum for examples but none have matched my situation closely enough for me to recognize.

I have a working local site built by webpack using ./src/index.html as a template. I want to create one folder under src for each of my projects, which would include js, json, and css to override the template. At the end of a webpack build, there should be one output folder per project that can be uploaded to our CDN, so that each project has an unchanging query path, each of which is a standalone site.

Ideally, adding a new project folder in src would automatically create the corresponding output folder.

No framework like React is being used, but I plan to look into generic web components later.

Based on https://medium.com/paloit/a-beginners-guide-to-micro-frontends-with-webpack-module-federation-712f3855f813#b96a I think Module Federation is the best way to achieve this. But I cannot see how that example's mount fn would be used by the host's src/index.js to apply the overrides available in the project folders. And when the example says "Finally, your subA folder should have this structure", the structure looks like the top-level of a webpack project, not a 'subA' folder that would contain just a few override files.