Question for layout designers

Question

Automation

Hi %username%, I need your advice today!

While working on a multi-page site (>30 unique pages), I ran into the problem of making changes to the layout affecting most of the pages. It was creepy and in the next project I came up with the idea of ​​compiling pages using PHP includes.

Now I'm using php to build html, SCSS for CSS and GRUNT for javascript.

It is interesting to know how you build your projects, maybe there are some GRUNT type builders, but for HTML + CSS + javascript?
It would also be interesting to know how you organize your workflow.

Answer 1

Now I have prepared a project template for layout using grunt. Pages are assembled from blocks using grunt-swig (swig templating engine) and for the final build I use a couple more grunt tasks: imgo (image optimization), uglifyjs, concat, cssmin, usemin.

Answer 2

SSI?

Answer 3

Although you have already accepted the answer, I still recommend looking at yeoman - there is already a ready-made grunt config with many useful tasks.

Answer 4

You can try - grunt-include-replace