Book Image

Grunt Cookbook

By : Jurie-Jan Botha
Book Image

Grunt Cookbook

By: Jurie-Jan Botha

Overview of this book

<p>A web application can quickly turn into a complex orchestration of many smaller components, each one requiring its own bit of maintenance. Grunt allows you to automate all the repetitive tasks required to get everything working together by using JavaScript, the most popular programming language.</p> <p>Grunt Cookbook offers a host of easy-to-follow recipes for automating repetitive tasks in your web application's development, management, and deployment processes. This book will introduce you to methods that can be used to automate basic processes and your favorite tools. By following the recipes, you will soon be comfortable using Grunt to perform a wide array of advanced tasks in a range of different scenarios.</p>

Related Content you might be interested in

Current Title:

Small book image
Grunt Cookbook
Jurie-Jan Botha
Jun, 2015 | 286 pages
No titles found
Table of Contents (17 chapters)
Grunt Cookbook
Grunt Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with Grunt
Getting Started with Grunt
Introduction
Installing the Grunt CLI
Setting up Grunt in a project
Installing a plugin
Setting up a basic web server
Watching files for changes
Setting up LiveReload
Processing only changed files
Importing external data
2
File Management
File Management
Introduction
Copying files
Compressing files
Creating symbolic links
Concatenating files
Fetching a single URL
Fetching multiple URLs
3
Templating Engines
Templating Engines
Introduction
Rendering Jade templates
Using data in a Jade template
Using custom filters in a Jade template
Compiling Jade templates
Compiling Handlebars templates
Compiling Underscore templates
Using partials in Handlebars templates
Wrapping Jade templates in AMD modules
Wrapping Handlebars templates in AMD modules
Wrapping Underscore templates in AMD modules
Wrapping Handlebars templates in CommonJS modules
Altering Jade templates before compilation
Altering Handlebars templates before compilation
Altering Underscore templates before compilation
4
Generating CSS and JavaScript
Generating CSS and JavaScript
Introduction
Compiling LESS to CSS
Compiling Sass to CSS
Compiling Stylus to CSS
Compiling CoffeeScript to JavaScript
Compiling LiveScript to JavaScript
Generating source maps for LESS
Generating source maps for Sass
Generating source maps for CoffeeScript
Defining custom functions with LESS
Using Stylus plugins
5
Running Automated Tests
Running Automated Tests
Introduction
Running Jasmine tests
Running QUnit tests
Running NodeUnit tests
Running Mocha client-side tests
Running Mocha server-side tests
Generating coverage reports for server-side code using Mocha and Blanket
Generating coverage reports for client-side code using Mocha and Blanket
Generating coverage reports for client-side code using QUnit and Istanbul
6
Deployment Preparations
Deployment Preparations
Introduction
Minifying HTML
Minifying CSS
Optimizing images
Linting JavaScript code
Uglifying JavaScript Code
Setting up RequireJS
7
Deploying to the End User
Deploying to the End User
Introduction
Deploying to Rackspace Cloud Files
Deploying to AWS S3
Deploying over FTP
Deploying over SFTP
Deploying to GitHub Pages
Invalidating an AWS CloudFront distribution
Running commands over SSH
8
Creating Custom Tasks
Creating Custom Tasks
Introduction
Creating an alias task
Creating a basic task
Accessing project configuration
Checking for required configurations
Checking for the successful execution of other tasks
Running non-blocking code in a task
Failing a task
Using command-line parameters
Enqueuing tasks to run
Creating a multi-task
Using options in a task
Using files in a task
9
Authoring Plugins
Authoring Plugins
Introduction
Finding plugins
Contributing to a plugin
Setting up a basic plugin project
Creating a plugin task
Writing tests for a plugin task
Adding documentation for a plugin
Publishing a plugin
10
Static Sites
Static Sites
Introduction
Setting up a basic site project
Adding a page to the site
Adding content to the site
Adding data to the site
Creating and using a site layout
Generating pages from a collection
Using a plugin
Index
Index

About the Reviewers

Alejandro Hernández (aka picanteverde) is a full-stack JavaScript engineer (and JavaScript fanatic) devoted to spreading the use of JavaScript in ingenious ways. A JavaScript developer since 1997, Alejandro has worked on several JavaScript and web-related projects over the course of his career, learning and playing with new technologies (HTML5, Node.js, and ECMAScript 5, 6, and 7) as soon as they became available. Now he enjoys doing research on multiple browsers' interaction patterns using HTML5 features.

Alejandro worked in the research department for major companies such as Intel and Globant. Currently, he is a JavaScript specialist at Toptal LLC and helps companies take platform and architecture decisions in web environments in general.

I would like to thank my dear girlfriend, Carlita, whose support has always been my source of strength and inspiration; my family who have always been there for me whenever I needed them; and my friend Mauricio, who is always ready for a deep and complicated technical discussion on JavaScript.

Mark McDonnell currently works at the BBC as a senior engineer for the Responsive News project. He was originally hired as a frontend specialist focusing on the three tenets of web development: JavaScript, CSS, and HTML. Mark has moved further up the stack and can now be found working on applications in JRuby and PHP while shell scripting his way around multiple Jenkin CI servers and Vim/tmux'ing his way to the cloud utilizing the many AWS services via BBC's own internal abstraction layer: Cosmos.

Mark is an author of many online blog posts on Smashing Magazine, NetTuts, as well as his own website. He also has articles printed in the popular NET Magazine and is a published author with Apress with the title Pro Vim.

Along with honing his skills in classical object-oriented design and functional programming concepts from Lisp (in particular Clojure), Mark has aspirations of becoming a true polyglot developer one day.

You can find Mark online at the following locations:

Volodymyr Tsvang is a software engineer with a primary focus on web development. He's spent the majority of his time working on frontend, as well as backend, JavaScript projects. Volodymyr has been using Grunt since its earliest release. He's also the creator and an active maintainer of the Grunt plugin to compile Dust.js templates. Since 2012, Volodymyr has been working as a JavaScript developer at Under Development LLC, which is one of the greatest Russian software development companies.

Previous Section
Next Chapter