Learning Grunt电子书

Learning Grunt

Table of Contents

Learning Grunt

Credits

About the Author

Acknowledgement

About the Reviewer

www.PacktPub.com

eBooks, discount offers, and more

Why subscribe?

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Grunt Dependencies

Dependencies

What is Node.js and NPM?

Where can I find Node.js and NPM?

Upgrading or installing Node.js

Upgrading Node.js via NPM on Mac

Upgrading Node.js on Windows via .msi and NPM

The pristine installation of Node.js via downloaded binary

Adding your installation path to your $PATH variable

Using NPM to install the Grunt Command Line Interface

Installing the Grunt CLI

Updating NPM

Installing Grunt CLI

Summary

2. Foundation for Creating an App using Angular.JS

Installing Git

Determining the Git installation

Creating a temporary alias

Adding Git to your $PATH variable

Installation of Git

Creating the Angular Seed Project

Dependencies of Angular Seed

Cloning the Angular Seed Project

Installing Angular Seed dependencies

Running the Angular Seed Application

Installation summary – a quick guide

Installing Git

Determining Git Installation

Create the Angular Seed Project

Summary

3. All about Grunt Plugins

Obtaining Grunt plugins

Plugins overview

Actually obtaining Grunt plugins

Common Grunt plugins and their purposes

Linting JavaScript – contrib-jshint

Minifying Javascript – contrib-uglify

Compile LESS into CSS – contrib-less

Desktop notifications for automated tasks – notify

Opening files and URLs automatically – open

Optimizing images – contrib-imagemin

Running tasks only on files that changed – newer

Performing SSH and SFTP tasks – ssh

The minification of CSS – contrib-cssmin

Concatenate files – contrib-concat

Cleaning up files and folders – contrib-clean

Minifying HTML files – contrib-htmlmin

Watch for changing files - contrib-watch

Summary

4. Configuration of Grunt Tasks

Reviewing the installation of Grunt tasks

Installing contrib-jshint with NPM

Installing contrib-uglify with NPM

Installing contrib-less with NPM

Installing contrib-watch with NPM

Discussing package.json and gruntfile.js

The package.json file

The gruntfile.js file

Introducing the Grunt API

The wrapper function and initConfig

Loading NPM tasks:

Creating tasks

Grunt fail API

The Grunt event API

The Grunt file API

The Grunt log API

The Grunt option API

Grunt Template API

The Grunt task API

Summary

5. Task Setup in the sample_project Application

Defining requirements of sample_project

An overview of user stories

The slide deck

Gruntfile.js wrapper and configuration

Wrapper

grunt-init-gruntfile

Gruntfile.js configuration

Summary

6. Building the Sample Project

Understanding task loading

Using the LoadNpmTasks method

Calling plugins using the loadNpmTasks method

Using the devDependencies object looping method

The default task configuration

A custom task configuration

Functional testing

Testing the contrib-jshint configuration

Testing the contrib-uglify configuration

Testing the contrib-less Configuration

Testing the contrib-imagemin configuration

Testing the notify configuration

Testing the open configuration

Testing the contrib-watch Configuration

The Complete Gruntfile.js

Summary

7. Advanced Grunt Concepts

Creating a Grunt plugin

Using the Grunt plugin scaffold

Authoring a custom plugin

Summary

Index