Webpack for Static Sites Using JS frameworks (jQuery, Bootstrap, etc.)

[Jia "Jay" Tan]

It seems of all the examples I've seen, Webpack was designed for JS apps where there's one html file. What about static sites using JS frameworks (jQuery, Bootstrap, etc.) where there are many directory levels? Is it possible for Webpack to process html through many subdirectories and inject bundled JS and CSS like below and keep the directory structure in the ./dist/ folder?

Hopefully there's a method that won't require modifying the config every time a new subdirectory is created.

./css/
./js/
./index.html
./about/index.html
./contact/index.html
./sales/index.html
./product/widgetA/index.html
./product/widgetB/index.html
./product/widgetC/index.html