Hemanth's Scribes

tools

grunt-usemin Example

Author Photo

Hemanth HM

Minimal grunt-usemin usage example.

HTML Build Blocks

<!-- build:css assets/css/style.min.css -->
<link rel="stylesheet" href="./assets/css/styles.css" />
<!-- endbuild -->

<!-- build:js assets/js/optimized.js -->
<script src="./assets/js/foo.js"></script>
<script src="./assets/js/bar.js"></script>
<!-- endbuild -->

After Running Grunt

  • CSS files concatenated and minified: 48 B → 39 B
  • JS files concatenated and uglified: 75 B → 58 B
  • HTML updated with new references

Read the full README for more details.

#grunt#build