Gulp Project Setting Up
In this article, we will learn to set up gulp project in few simple steps.
In order to setup project in your local computer we will create a folder called "project". Now once we have folder created we will create 2 folders called - "src", "build" in your folder called "project"
Significance of Each folder
Below we have listed down air or significance of each folder used in our project -
| Folder | Significance |
|---|---|
| src | Contains raw source code or pre-processed source files and folder |
| src/images | Contains uncompressed or original size images |
| src/js | Contains multiple pre-processed JavaScript files |
| src/css | Contains multiple pre-processed CSS files |
| build | Contains compiled or processed source files and folder |
| build/images | Contains compressed or minified images |
| build/js | Contains processed, minified,compiled,uglified JavaScript files |
| build/css | Contains processed CSS files and compiled CSS files from SASS/LESS |
| gulpfile.js | It is configuration file for gulp task. In this file we can define our tasks |
Leave a comment