grunt-htmlcssjs-combine

Combine HTML, CSS and JS files together into single HTML

Installation

npm i grunt-htmlcssjs-combine

or in package.json:

devDependencies: {
  ...
  "grunt-htmlcssjs-combine": "*"
  ...
}

Usage

Given the following configuration

grunt.loadNpmTasks('grunt-htmlcssjs-combine');
 
htmlcssjs: {
  main: {
    src: ['styles.css', 'scripts.js', 'template.html'],
    dest: 'index.html'
  }
}

If you run

$ grunt htmlcssjs

You'll get in index.html:

<style>
/* content from styles.css */
</style> 
 
<script>
/* content from scripts.js */
</script> 
 
<!-- content from template.html -->

License

MIT License. Copyright (c) 2013 Chute Corp.