8. Tasks with Grunt | Learning Yeoman

My custom Grunt plugin

Now that we have an overview on using Grunt and the power that it can bring to a new or existing project, let's use the Yeoman Grunt plugin generator to create a custom Grunt plugin that will allow the use of custom created tasks in any project.

Installing the generator-gruntplugin

To install the Yeoman Grunt plugin generator, execute the following command:

$ npm install -g generator-gruntplugin

The preceding command will install the Grunt plugin generator globally on your system, allowing the use of the yo gruntplugin command from within any directory.

Usage

To use the Grunt plugin generator, execute the following command:

$ yo gruntplugin

The directory structure

The directory structure that is created contains very few files and modules by default, but your plugin can include any Grunt task installed into the project. Take a look at the directory structure created by Yeoman:

├── Gruntfile.js
├── README.md
├── node_modules
│   ├── grunt
│   ├── grunt-contrib-clean
│   ...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Learning Yeoman

By : Jonathan Spratley

Learning Yeoman

By: Jonathan Spratley

Overview of this book

My custom Grunt plugin

Installing the generator-gruntplugin

Usage

The directory structure

Learning Yeoman

By : Jonathan Spratley

Learning Yeoman

By: Jonathan Spratley

Overview of this book

My custom Grunt plugin

Installing the generator-gruntplugin

Usage

The directory structure

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access