Automated asset inlining
Monocat is ideal for deploying small, static, single-page sites where you want to minimize the number of http requests. Monocat compresses and writes the contents of external assets into the html source for an easy speed optimization.
You'll need Node.js installed. Then:
$ npm install -g monocat
Monocat works sort of like a jQuery plugin, but from the commandline.
Just add the class
monocat to any
<link> (stylesheets only) tag you want to inline:
<link rel="stylesheet" href="css/main.css" class="monocat"> <script src="js/huge-lib.js"></script> <script src="js/main.js" class="monocat"></script>
Notice that the second tag will be ignored since it lacks the
To create an optimized version of your html file, run this:
$ monocat index.html
By default, this will create a ready-to-deploy file called
index_monocat.html in the same directory.
Pass an optional output filename as the second argument:
$ monocat src/index.html build/index.html