Gulp

Requirements

In order to use Gulp you will need to download Node JS. If you do not have Node installed already, you can get it by downloading the package installer from the official website. Please download the stable version of Node.js (LTS).

Installation

After Node is installed on your system you can now proceed to Gulp installation. To do that simply run the following command in your terminal. This will install Gulp globally. Aferwards you can cd to you project’s folder where SpaceMax is installed.

                                npm install gulp-cli -g
                                

Once the path of your workflow is changed to your project’s folder, where SpaceMax is installed, we have to install all the packages needed in order for Gulp to run correctly:

                                npm install
                                

Now everything is installed and ready to work for you.

Running Gulp

For development we set a Gulp command that will compile the sources to dist then start a local Browsersync instance on port 3000 to serve and auto-refresh your pages as you edit.

                                gulp watch
                                

For production we set a Gulp command that will compile and minify the CSS and JS files ready to be included in your project

                                gulp prod