Сейчас перехожу на сборщики проектов и можно так сказать, только блогадаря им наврное понял всю прелесть модульности проектов. Очень удобно полезно и т.д. Особенно когда делаешь шаблоны скажем под определную систему ( cms, сборку на фреймворке и т.д.) Перекидываешь модульные частик кода вместе с стилями, определенным html и js.
app/
-bower_components
-/less
--main.less
-/js
--main.js
-/img
--/icons
-/fonts
-/tpl
--такой подход позволяет мне перекидывать оформление различных блоков с проекта на проект.
--/header
---*.html
---*.js
---*.less
--/footer
---*.html
---*.js
---*.less
--...
--/search
---*.html
---*.js
---*.less
-index.html
-...
-inner-page.html
dev/
-тут не сжимаем картинки, не уменьшаем скрипты и т.д. Просто работаем, так как сжатие и т.д. порой замедляет процесс.
build/
-тут после окончания определенного этапа спринта и т.д. Сжатую версию кидаем на продакшен.
Такой метод наглядно отражает, куда надо зайти что бы поправить тот или иной модуль. Но думаю не каждому это подойдет, бывают специфические проекты. Там затачиваемся под проект :)