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
*.scssfiles 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
gulpfolder is a sibling ofdeveloper.redhat.com - The first time, visit the
gulpfolder in your terminal and typenpm install- this will fetch and install all dependencies
- Make sure you are running the awestruct server via
rake previewin the root directory - in the
gulpproject folder typegulpto 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: