Gulp

Last updated 3 months ago

Gulp is another famous build system supported by pages, gulp's use of streams and code-over-configuration makes for a simpler and more intuitive build.

Installing Gulp

To install gulp first you must have NodeJs installed, NodeJS will have npm (node packaged modules) Run the following commands

  • Install gulp globally by running the following command npm install -g gulp

  • In you downloaded package from themeforest, navigate to gulp/ directory and copy both package.json gulpfile.js to your project root. e.g : getting_started folder

  • Navigate to the root directory of your project or getting_started folder, then run npm install.

Once you have succesfully setup now you can use pages Gulp CLI commands to automate your task

Commands

gulp build

This will automatically minify your assets resources like css and js into a folder called dist

gulp watch

This will automaically compile the pages Less files on save

gulp less

This will compile the pages Less files on excute once

Your are free to customize the Gulp task to your need by editing the gulpfile.js

Troubleshooting

Should you encounter problems with installing dependencies or running Gulps commands, first delete the /node_modules/directory generated by npm. Then, rerun npm install.