A grunt task which takes a html file, finds all the css and js links, and outputs a version with all the css and js written inline for ease of pasting into a cms
If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
npm install grunt-html-smoosher --save-dev
The "smoosher" task
In your project's Gruntfile, add a section named
smoosher to the data object passed into
Minify scripts with UglifyJS.
When you have absolute paths for your external assets, it helps to add the local address of your asset files; relative to uncompiled HTML file.
If the local cwd for your uncompiled file is
/Library/documents/server/src/html then the above settings would resolve:
<script src="/assets/js/script.js" /> will use a local file at
<link href="/assets/css/styles.css" /> will use a local file at
start: '<style>'end: '</style>'
start: '<script>'end: '</script>'
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.