Are there any modern standards for building HTML5 applications with a build program? [closed]

Question

For example, jQuery Mobile uses Make to assemble their various js and css files into a single js and css file.

The idea is to separate parts of the file that will ultimately be built into smaller files that are responsible for their own thing.

You can do the same thing with a webpage. Add in images as Base64 strings and you can have an entire website as a single .htm file but all of the files which make up that built file exist independently of one another, like normal. The image below might drive home the concept a little better.

I made my own program to do this which you can read about here if you want. My question is if anyone else has caught onto this idea or if there is a more standard way of doing this?

Answer 1

There are quite a few that can be made to do that, like:

• Grunt
• Assemble

Answer 2

We use rake but have experimented with Grunt as a build tool. Your flavor preference should determine what tool you run with: Grunt is node.js based, rake ('ruby make') is Ruby based, and one of the common python build tools is scons. Build tools are particularly handy for compiling SASS, performing css and js minification, and generating sprite images. Good luck!