This is a gulp script that does three things:
- The browser-sync task Proxies the localhost:4242 ruby server so that it is available on a local network IP - this allows to easy testing on mobile devices and virtual machines
- The styles task watches
*.scss
files for changes, and compiles, injects and refreshes the browser when needed - The fonts task builds the RedHat icon font from the folder of SVG images
- Node.js & NPM → Download the installer from http://nodejs.org/
- Gulp → Once Node.js is installed, open any terminal window and install gulp globally →
npm install gulp -g
Do this only once:
- Download or clone this repo so that the
gulp
folder is a sibling ofdeveloper.redhat.com
- The first time, visit the
gulp
folder in your terminal and typenpm install
- this will fetch and install all dependencies
- Make sure you are running the awestruct server via
rake preview
in the root directory - in the
gulp
project folder typegulp
to run browsersync - the peroxided version of the site should open in your browser. If you view the terminal, you will see links to local and external - visit the external URL on any device or machine connected to your network.
Watch the full workflow here: