Gulp setup

How to do development using Gulp

Yogo Is An HTML Version Of The Well-Known Bootstrap Template. Yogo Bootstrap Brings You Basic HTML Components To Work With So You Can Modify Them The Way You Want. It Has A Complete List Of Feature And Apps Which Helps You To Reduce Your Development Time.

You Can Use Gulp To Automate And Enhance Your Project Workflow.

Don't know about Gulp?

Gulp Is A Toolkit For Automating Painful Or Time-Consuming Tasks In Your Project Development Workflow, So You Can Stop Messing Around And Build Something Easier Than Ever.

• Auto Minify/Uglify CSS, HTML, JS codes
• Auto Compile SaSS file
• 3000+ Plugins

Gulp for Yogo

Use Gulp In Yogo Is For Building Different Layouts And Theme Customization With Lots Of Functional Tasks Like Image Optimization, SaSS Compilation, Etc...Which Really Useful To Make The Production Ready Dist/Directory

How to set up Gulp for Yogo?

• Make Sure That You Have Already Installed Nodejs And Gulp On Your Server/Computer
• Open The "Nodejs Command Prompt" And Redirect To Your Project Root Directory.
• Enter The Command Yarn In The Command Prompt.
• After That, You Need To Run The Below Gulp Tasks To Build Production Ready Dist/ Directory.

Gulp Commands(task)

Default task

Gulp Command	Description
gulp	which build template in /dist directory

Basic task

Gulp Command	Description
gulp style	which compile .scss files from /src/assets/scss directory and place it into a /dist/assets/css directory
gulp imgmin	which use to optimize images from /src/assets/images directory and place it into a /dist/assets/images directory
gulp html	which uses compiling your HTML file from /src/html directory and place it into a /dist directory
gulp buildjs	which use to build .js files from /src/assets/js directory and place it into a /dist/assets/js directory
gulp watch	It will automatically start your build process if you make any changes in HTML, scss or js files from /src directory and put new changes to /dist directory