Gulp Part 01



In this article I'm going to discuss about one of the most popular angular Build Tool which is called Gulp.

Component of modern front-end workflow

  • npm: a programming library and package manager for Node.js and JavaScript (Node environment dev dependencies).
  • yarn: A package manager for JavaScript.
  • Bower: a package manager for the front-end dependencies .
  • Chocolatey: Open-source decentralized package manager for Windows.

Package Managers

Automate packages and libraries that use in dev environment.
  • Installation
  • Upgrading 
  • Remove
  • Dependencies

What is build tool

Collection of tasks that automate repetitive work.

Why we need a build tool

It helps to automate build processes. In general,mainly 4 things that can be automated by a build tool
  • Development
  • Testing
  • Optimization and
  • Deployment
Present, there are so many build tools available for angular.Out of them the two most popular build tools are Gulp and Grunt. In this article I am discussing about Gulp

Differences between Grunt and Gulp

There are two main differences between Grunt and Gulp
  • The way configure your tasks
    • Grunt is configuration-based. 
    • Gulp is stream-based.
  • The way they run your tasks. 
    • Grunt runs the processes you want to execute in a sequential manner.
    • Gulp tries to run them with maximum concurrency, meaning it will try to execute processes in parallel if possible

Gulp

Gulp is JavaScript tasks runner built on Node.js 
  • generating HTML from templates and content files
  • compressing images
  • compiling Sass to CSS code
  • removing console and debugger statements from scripts
  • concatenating and minifying CSS and JavaScript files
  • deploying files to development, staging and production servers

There are three main Gulp commands:

  • gulp.task – defines a new task with a name, optional array of dependencies and a function.
  • gulp.src – sets the folder where source files are located.
  • gulp.dest – sets the destination folder where build files will be placed.

The pipe() use for copy files from one folder to another.

In my next article,I will discuss about Gulp installation and package.json

Comments

Post a Comment

Popular posts from this blog

Installing Gulp and Package.json

Image
Installing Gulp First we need to run PowerShell and run as Administrator Before install gulp need to install Node and npm (Node package management) Node Npm First check whether any old version is installed if so need remove that version. For that need to run this command npm rm install gulp -g (rm : remove) (-g : globally ) Ones it's completed run command for install npm install gulp-cli -g Then create project and move to that folder npm init ->Initialize a Project This will prompt get some input from developer in this following order Name: Version: Description: entry point :(Project main file) Test command: Git repository : Keyword : (tag related to project) Author : license:(this defaults to ISC) When finished above process package.json created. What is package.json? JSON file so easy to read includes the packages and applications it depends on Project metadata project's name, description, and author allows the separation production depende...
Read more

Why and How performance is important

Image
Why performance is important. performance of applications directly impacts on the customer satisfaction. All the end users expect load contact as soon as request. Therefore, customers don't like to wait and see until page content loads. so, this will directly impact profit and sale. Therefore, at the end the company will lose customers and profit. So performance needs to be considered as a key factor. Tools for measure performance There are many tools available today so those tools can be used based on the requirement. currently I am using a lighthouse integrated with chrome dev tool so easy to use and provide guidelines to improve performance of web site. Another tool I used is JMeter , JMeter used to test performance both on static and dynamic resources, Web dynamic applications. It can be used to simulate a heavy load on a server, group of servers, network or object to test its strength or to analyze overall performance under different load types. JMeter is not a browser, it...
Read more

Basic concepts of Blockchain

Image
Now a days Blockchain has become immense popular. Therefore, I thought of writing a series of article starting from this topic.This is my first article of blockchain History When the internet was made access to public ,people adapted to WWW revolution.It affect many aspect of lives, social and business. As a result of this revolution WWW started shaping up so it become more and more open,more accessible and more peer to peer.Many new technology and business start top of it and today it become more centralized. In history, the very first article related to blockchain is Bitcoin: A Peer to Peer Electronic Cash System in 2008 written by Satoshi Nakamoto and its true identity is still unknown. Today, its known as “Bitcoin”. Intro People used to do international transaction with the help of third party (Bank).so it provide centralized access and all the transaction go through centralized point.it's very expensive and take some time to settle the transaction.centralized sys...
Read more