Easy Browsersync Server
This code includes an HTML 5 Template with a NPM package config to install a minimal set of development tools including a Browsersync server and Gulp task runner. A gulp server command loads the html 5 template in a browser using Browsersync. Any edits made to the html or sass (scss) files are processed instantly and reloaded into the browser. Website: http://jimfrenette.com/html5-template/
Download or clone this repsoitory.
Change directory to /uiCookbook/easybs
Run npm install from a bash terminal or command prompt. This will read the package.json file and install the dependencies into the easybs project folder.
- Finally, run gulp server to load the index.html file in a web browser
The gulp server task is configured so that any edits to the html are reloaded in the browser instantly. Any edits to scss files are processed into the css file and injected instantly into the browser.
If you wish to include normalize.scss in your sass build, run this task:
Then uncomment the normalize import statement at the top of /src/sass/base/_base.scss