How to assemble html file from different template files?

Question

HTML

Recently started using nodejs to compile less to css right in webstorm . It is convenient that when editing any less file, the new css is immediately regenerated. Tell me what and how you can implement this for html, so that you can output separate parts of the page (which are used everywhere, for example, a header, a footer) into separate html files and then collect them into the final file of some page. I would like to reduce the work to the initial installation of some software or component, its configuration and further actions only in WebStorm (if possible). I would also like the assembly to be automatic when any source file is changed. I understand that for this solution you need something like nodejs, grunt, etc., but I am not strong in knowledge in them and I will be glad if someone shares specific links or tips.

Answer 1

Use project builders like gulp.
habrahabr.ru/post/250569
This article describes the plugin you asked for - gulp-rigger

Answer 2

I use Jade jade-lang.com
for this + better syntax than html and all sorts of cool stuff like
Grant Mastering cycles (on gulp someone else will give links) etc. start with:
frontender.info/a-beginners-guide-to-grunt-redux
nano.sapegin.ru/all/grunt-0-4
and continue in google, if you wish - there is a lot of information.