Как сделать такой слайдер с затемнением с помощью swiper?

Как вариант, сделать 1 слайдер и на фон контейнера поставить эту же картинку. Сделать размытие фону, все стили прописать, а потом следить за изменением слайда (есть в апи свайпера) и динамически подставлять в src (или url(), если background-image) путь, взятый из src слайда в свайпере

Как автоматически улучшать стиль CSS перед коммитом?

SeaInside,
1) csscomb хоть и умирает, но он работает. Css-qmpacker тоже умер, но им все пользуются!
2) csscomb изначально создавался для "причёсывания" стилей на проекте, в то время как stylelint - инструмент для линтинга, и ни разу не для форматирования. Вы же, я надеюсь, не сравниваете функционал Prettier и ESLint только потому, что это инструменты для JS?
3) в своих проектах я настроил eslint по назначению - проверять ошибки в файлах стилей и устранять их в случае возникновения, а csscomb настроил по его прямому назначению - форматировать стили так, как изначально задумал. Если бы stylelint создавался для форматирования стилей, то в нем было бы много возможностей по созданию своего конфига, но там этого почему-то нет, так же, как нет возможностей Prettier'а в ESLint.

Как автоматически улучшать стиль CSS перед коммитом?

Вообще-то автор спрашивал как прикрутить Csscomb, а не Stylelint настроить.

Как сделать по БЭМ?

.socials_theme_ligth вообще ни разу не по БЭМ

Какую лучше структуру выбрать?

Используй БЭМ структуру, когда в папке компонента/модуля лежат все нужные файлы, т.е.

modules -> header -> pug, scss, js
modules -> footer -> pug, scss, js
components -> button -> pug, scss, js

Как в JS в пути к файлам указать *все папки*?

freelion93, прочитайте вопрос, пожалуйста, еще раз. Я спрашивал как прописать путь к файлам, указывая не конкретные названия папок, а относительные пути к папкам, типа `${PATHS.folders}/${PATHS.sub-folder}`, чтобы вместо ${PATHS.folders} подставились все папки в конкретной директории и вместо ${PATHS.sub-folder} подставились все суб-папки в папках ${PATHS.folders}.
Я не просил собирать сборку.

Как в JS в пути к файлам указать *все папки*?

Это всё, конечно, хорошо, но нужно в итоге найти в папках и под-папках {name} файлы {name}.html, {name}.styl, {name}.js, styl и js провести через различные лоадеры и вставить ссылки в {name}.html, затем код из остальных {name-n}.html вставить в {name}.html и вывести в /dist. Это все нужно реализовать через webpack.config.js

module.exports = {
    entry: { ... },
    output: { ... },
    module: { ... },
    plugin: { ... }
}

Простую функцию туда не вставить, к сожалению.