Tutorial by Topics: 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...
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.&...
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...
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 ...
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...
Note on using the globbing pattern (**): The globbing pattern matches all children and the parent. In order to avoid that we add '!public' to our del task so that the public directory itself doesn't get deleted

Page 1 of 1