A toolkit to automate & enhance your workflow
Leverage gulp and the flexibility of JavaScript to automate slow, repetitive workflows and compose them into efficient build pipelines.
Gulp.js is a tool that will do everything for you.
Gulp.js is built on Node.js
What you need to learn Gulp :
- You need to be a good Front end developer
- You need a very good knowledge in JavaScript
- You need to know about CSS preprocessors and HTML template engines.
- Ability to use command line and Node Package Manager (npm)
Examples of tasks that Gulp can do :
- Copy Files from src to dist
- Concatenate CSS or JavaScript files for production
- Minify CSS and JavaScript files
- Auto prefixer for CSS3 properties
- Manage and Compile Sass files
- Generate SourceMap files for CSS and JS
- Compiling Pug.js to HTML
- Transpile Es6+ using Babel
- Live reload your project for easy development
- Compile Typescript
- Minify Images
- Send Notification on Errors
- Rename Files
- Processing JavaScript files with eslint
- Upload files with FTP
And there's other more than 4000 plugins to help you.
One tip while using Gulp is not to use a lot of tasks at the same time to avoid slowing down of Gulp tasks.
Thanks for reading the article and I hope you enjoyed it.
I don't agree with this article.
You don't need to be a good Frontend Developer you need Basic Javascript and ES6 experience. I think it is better when you try to show some example code in your article.
And you forgot about Gulp 3 and Gulp 4, it is important to show the difference between Version 3 and 4.
But Gulps power is underestimated, thank you for the article.
Best regards