Как собирать html файл из кусочков кода?
Ставите gulpJS и пакет к нему.
Таким образом вы сможете делать вот такие вставки в html код:<div class="example">
//= block.html
//= block.html
</div>
Во время сборки эти куски кода (//= block.html) заменятся на содержимое файла block.html.
Вот урок, тут все разжевано.
1. Препроцессоры, я использую pug.
2. Плагины для бандлеров, таск-раннеров. Например, для гальпа:
https://www.npmjs.com/package/gulp-file-include
https://www.npmjs.com/package/gulp-html-import
https://www.npmjs.com/package/gulp-rigger
3. Вебкомпоненты, технологии будущего, пока не реализованы, но можешь использовать Polymer
https://developer.mozilla.org/en-US/docs/Web/Web_C...