Using Grunt.js for minification of JS files

Source Code - https://github.com/AbijeetP/grunt-demo

What's Grunt?

It's a task runner.

Who uses Grunt?

jQuery - https://github.com/jquery/jquery
Bootstrap - https://github.com/twbs/bootstrap
Yahoo - https://github.com/yahoo/pure

But first, what's npm?

and why do we care?

The package.json file

and how to create it?

Install grunt using npm

Add uglify to the package.json

Let's create the Gruntfile.js

Title Text

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    uglify: {
      prod: {
        files: minifyFiles
      }, options: {
    	    mangle: true
      },
    }
  });

Initializing grunt

Title Text

  // Load the plugin that provides the "uglify" task.
  grunt.loadNpmTasks('grunt-contrib-uglify');

  // Default task(s).
  grunt.registerTask('default', ['uglify:prod']);

Loading plugins and registering tasks

Things you can do with Grunt

Beautify your JavaScript code.
Optimize your images
Maintaining JavaScript code consistency
Minify CSS files.

So does minification help?

Using Grunt.js for minification of JS files

What's Grunt?

Who uses Grunt?

But first, what's npm?

and why do we care?

The package.json file

Install grunt using npm

Add uglify to the package.json

Let's create the Gruntfile.js

Title Text

Initializing grunt

Title Text

Loading plugins and registering tasks

Things you can do with Grunt

So does minification help?

Let's find out...