Как настроить Webpack под верстку темы, без привязки к JS файлам?

Question

[danforth]

Всем привет, есть примерно такая структура папки ./src/:

.
├── html
│   ├── category.html
│   └── index.html
├── js
│   └── index.js
└── sass
    ├── critical.sass
    ├── main.sass
    └── _variables.sass

В результате хочу получить такое:

.
├── category.html
├── index.html
├── js
│   └── index.min.js
└── styles
    ├── critical.min.css
    └── main.min.css

Алгоритм такой:

1. Все HTML файлы просто копируются из папки ./src/html/ в папку ./dist/. Позже эти файлы будут использованы для интеграции верстки в движок.
   
2. Только два стиля: critical.sass и main.sass обрабатываются препроцессором, и экспортируются в папку ./dist/styles/[name].min.css
   
3. С JS пока не решил, но скорее всего файл должен минифицироваться и экспортироваться в ./dist/js/[name].js
   

Как должен выглядеть конфиг файл чтобы на выходе получить нужную мне структуру и безболезненно разрабатывать? Первый раз пытаюсь настроить вебпак конфиг, смотрю в доку, и не совсем понимаю с какой стороны подойти. Вижу, что там стили иногда подключаются через JS, и по ощущениям там прям все завязано на один JS файл. Но мне это не нужно, я хочу стили подключать как обычно где-то в футере в самом низу, т.к. это не какое-то SPA приложение, весь фронтенд будет потом интегрироваться в CMS.