#Server with browser Sync
##Intallation
$ npm install
##Workflow
###Develop
Develop JavaScript in ./src/js/**/*.js
and HTML in ./build/**/index.html
. Your HTML file should contain a single script include:
<script src="out.js"></script>
###Start 'er up From your project folder:
$ gulp
Gulp performs the following tasks:
- Sets up watchify (see below)
- Copies
src/css/
tobuild/
. - Runs browserify: Bundles up all your JavaScript files into
./build/out.js
- Starts browser-sync in server mode using port 5000
- Automatically opens a browser window and points it to
http://localhost:5000
###Iterate Continue your development...
Watchify watches your src/js/**/*.js
files and whenever you save, it runs the following:
- Runs jshint: Checks your JavaScript syntax
- Runs prettify: Normalizes your syntax (modifies your files)
- Runs browserify: (see above)
(At present, uglify and mocha are not being run.)