Pages UI
v5.0.1 - Pages HTML
Search
K
Comment on page

Gulp

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 successfully 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 automatically compile the pages Less files on save
gulp less
This will compile the pages Less files on execute 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.