🏗️Gulp setup
How to do development using Gulp
You may skip this section if you don't want Gulp in your project. Please use dist/ directory in your project
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, and JS codes
Auto Compile SaSS file
3000+ Plugins
Gulp for Able pro
Use Gulp in Able pro 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 Able pro?
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
yarnin the command prompt.After that, you must run the below tasks to build a production-ready dist/ directory.
Gulp Commands(task)
Default task
| Gulp Command | Description |
|---|---|
gulp | which build template in |
Basic task
| Gulp Command | Description |
|---|---|
gulp sass | which compile .scss files from |
gulp imgmin | which use to optimize images from |
gulp build-node-modules | which use to copy files from |
gulp build-html | which uses compiling your HTML file from |
gulp build-js | which use to build |
gulp watch | It will automatically start your build process if you make any changes in HTML, scss or js files from |
gulp watch-minify | It will automatically start your build process if you make any changes in HTML, scss or js files from |
Last updated