Skip to content

General purpose JavaScript template with jshint, prettify, watchify, browserify. With simple hypergrid-in-browser example.

License

Notifications You must be signed in to change notification settings

fin-hypergrid/hypergrid-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#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:

  1. Sets up watchify (see below)
  2. Copies src/css/ to build/.
  3. Runs browserify: Bundles up all your JavaScript files into ./build/out.js
  4. Starts browser-sync in server mode using port 5000
  5. 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:

  1. Runs jshint: Checks your JavaScript syntax
  2. Runs prettify: Normalizes your syntax (modifies your files)
  3. Runs browserify: (see above)

(At present, uglify and mocha are not being run.)

About

General purpose JavaScript template with jshint, prettify, watchify, browserify. With simple hypergrid-in-browser example.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published