Gulp

The streaming build system

@nirazanbasnet

What's Gulp ?

• Front-end development tool
• Task automation in JavaScript
• Streaming build system

Why Gulp ?

• Demand on large projects 
• Repetitive, tedious tasks
• Saving time

Getting Started

More technically

❶ from command line… $ npm install -g gulp (install Gulp globally)

 

❶ from command line… $ npm install --save-dev gulp-install (install Gulp locally)

 

❷ create gulpfile.js & package.json (on your project folder)

 

❸ from command line.. $ npm install [plugin_name] --save (project folder)

 

Five common Function

● gulp.task

● gulp.run

● gulp.watch

● gulp.src

● gulp.dest

Common Tasks

• SASS Compile (gulp-ruby-sass)

• Minify code .css (gulp-minify-css) .js & .html (gulp-uglify)

• Autoprefixer (gulp-autoprefixer)

• Watch (gulp-watch)

For more detail you can see my blog at:

Demo