Настройка окружения для front end?
Понимаю твою проблему. Недавно завершил сборку своего окружения, держи, глядишь понравится:
https://github.com/web-worddoc/primary (Старая сборка)
https://github.com/web-worddoc/Boilerplate (Новая сборка)
html разбит на модули с помощью pug(бывший jade), а именно с помощью встроенных "include"
css разбит на модули и собирается на sass
js разбит на модули с помощью require js(очень сильно не дробил, мне удобнее пока крупными кусками), что особенно удобно, если хочется избавиться от спагетти кода
Сборка сама на gulp, стоит через консоль вбить gulp watch и начать писать код.
Надеюсь поможет)
P.S. Для самой сборки проекта в продакшн, прописываешь gulp build.
Посмотри вот этот сайт там много про это написано. Тебя интересует сборщик проекта gulp или grunt. Я сам использую gulp. Этот парень сделал optimized-gulp-sass пакет я его и использую доработав под себя: сделал поддержку scss, подключил html шаблонизатор и автоаплоад.