What are Grunt x Gulp's uses and what are the differences?

7

I've heard a lot about Grunt and Gulp, but I still do not understand what exactly they're up to. my doubts, are as follows:

  • What do they serve?

  • Is there any relationship between them?

  • Can they be compared to bower, for example?

  • Would you have any examples of how to use one or the other?

asked by anonymous 12.04.2016 / 12:53

1 answer

10
  

What do they serve?

Simply and briefly, both serve to automate and simplify your workflow and processes.

For example, I use Grunt to process my files in SASS and generate CSS mined, without having to copy my file, send to an online service to minify, or worse less likely), do on hand. Another example would be to concatenate JS files, send your files to an online hosting through a ftp connection, etc. There are several options.

  

Is there any relationship between them?

Yes and no. Yes, as both have the same purpose, automate and simplify processes. No, because the way they are done differ from one another and there the question changes a lot, because it starts to enter more into a preference question than which is better.

  

Can they be compared to bower, for example?

No. Bower is to be compared to NPM . Both are package managers, for example, you will use them to download a plugin, while grunt or gulp will be used for processes (or tasks) within those plugins. Bower and NPM would have the purpose of downloading bootstrap , for example, check the version and keep updated, all without actually going to the bootstrap site and doing it manually. >

  

Would you have any examples of how to use one or the other?

As already quoted in the above answers, but only to reinforce. There are several tasks that they can perform, I will mention the ones I use most with Grunt :

  • Concatenate and process files of SASS and Compass ;
  • Remove unused classes from a CSS file when compared to html ;
  • Minify the file CSS and make compression in gzip ;
  • Concatenate and minify files JS ;
  • Compress the project and upload to a ftp connection, putting the project online;

That is, this entire process is executed automatically by Grunt . I just need to run the command line, example grunt execBuild (based on my settings and packages) and all these tasks will run automatically. So you can see a very practical, functional, and highly automated example.

Have you ever imagined doing this all in your hand?

    
12.04.2016 / 14:03