In this post I will cover some area of grunt more of a grunt basic tutorial, things you can do with grunt, in previous post we saw how we use grunt with Visual Studio 2012 and 2013 and our simple hello world task.
Let’s start with some more basic things e.g writing a simple function task that takes a parameter.
For example below we have a hello task that takes a parameter of name.
|
1 2 3 4 5 6 7 8 9 10 11 |
grunt.registerTask('hello', function(name) { grunt.log.writeln('Hello ' + name); }); //run the task by $grunt hello:Taswar //output Running "hello" task Hello Taswar Done, without errors. |
Note: we are using : to pass in parameters, if you have multiple parameters you can chain it with more colon (e.g grunt hello:Taswar:123456 ) it will pass it into the second parameter.
We can also provide a warning message when a parameter is not passed.
|
1 2 3 4 5 6 7 |
grunt.registerTask('hello2', function(name, age) { if(isNaN(Number(age)) { grunt.warn('Age must be provided'); } else { grunt.log.writeln('Hello ' + name + " your age is " + age); } }); |
Now what if we want to chain the task together, hello and hello2, we can register a task for it
|
1 |
grunt.registerTask('all', ['hello:Taswar', 'hello2:Taswar:1234']); |
So far so good, but we can also document our task so that anyone using our task will have some description of the task.
|
1 2 3 4 5 6 7 |
grunt.registerTask('hello2', 'Displays a message showing your name and age', function(name, age) { if(isNaN(Number(age)) { grunt.warn('Age must be provided'); } else { grunt.log.writeln('Hello ' + name + " your age is " + age); } }); |
If we run the grunt -h command we will see something like
GruntHelp
So far we have covered more of the basics of grunt, the next blog post I will cover more in details of manipulating files etc in your system using grunt.
Leave A Comment