Tutorial by Topics: gulp

Getting started with gulp

Gulp is a JavaScript build system, node.js-based task runner like Grunt. It allows you to automate common tasks during your development process. Gulp uses the streams-concept and code-over-configuration for a simpler and more intuitive build process. The code-over-configuration concept allows to c...

gulp • Examples (4)

Ionic - Analyze your app with jshint and gulp-jshint as part of your build process

Linting your ionic app before running has huge advantages. It will analyse code for potential errors and save you tremendous amount of time. What is linting and how to install the required packages? "Linting is the process of running a program that will analyse code for potential errors.&...

ionic-framework • Examples (3)

Comprehensive Guide to a Front-end Workflow Automation with Gulpjs -1 of 2

npm install [plugin-name] --save-dev npm install [plugin-name] --save Function <function-name> (glob) { $.src(glob).pipe([plugin 1]).pipe([plugin 2])....pipe([plugin n]).pipe( $.dest(<destination-name>) } $.task(<taskname> , [dependencies] , <body>); Continue Read...

gulp • Examples (6)

Comprehensive Guide to a Front end Workflow with Gulpjs 2 of 2

Cool. So we are all done with our workflow automation. We now have a gulp file , that Responsifies and minifies images cleans,autoprefixes,concatenates and minifies Css Concatenates and minifies JS Watches for changes to assets be it HTML | CSS | JS and triggers associated tasks Creates a ...

gulp • Examples (2)

Image lossless compression (with gulp-imagemin)

imagemin([plugins], {options}) ArgumentDescriptionsourcePathImages' source directory (for example: /assets/images)buildPathDestination path (for example: /static/dist/) First argument to imagemin constructor is plugin array. By default, following plugins are used: [imagemin.gifsicle(), ima...

gulp • Examples (1)

Tutorial by Topics: gulp

Getting started with gulp

Ionic - Analyze your app with jshint and gulp-jshint as part of your build process

Comprehensive Guide to a Front-end Workflow Automation with Gulpjs -1 of 2

Comprehensive Guide to a Front end Workflow with Gulpjs 2 of 2

Image lossless compression (with gulp-imagemin)

Delete Files Using Gulp

Create documentation with gulp-jsdoc3

Show errors with gulp-jslint

Gulp Path