Example/seed project for AngularJS with Browserify
CSS JavaScript HTML Shell
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
bin
test
.eslintrc
.gitignore
.travis.yml
gulpfile.js
karma.conf.js
karma.conf.js.travis
package.json
protractor.conf.js
protractor.conf.js.travis
readme.markdown

readme.markdown

UNMAINTAINED

DISCLAIMER: THIS REPOSITORY IS UNMAINTAINED!

It's up for grabs. If you are interested and want to take it over, open an issue to get into contact.

AngularJS + Browserify Project Template

Build Status

This is a small example/seed project for using AngularJS with Browserify. It demonstrates how to structure code by using CommonJS modules together with AngularJS' dependency injection mechanism.

An accompanying blog post can be found at https://blog.codecentric.de/en/2014/08/angularjs-browserify/.

Build

This project comes with a gulpfile that includes:

  • running ESlint to lint JavaScript sources,
  • running unit tests via Mocha,
  • processing sources with Browserify (to create a non-minfied Browserify bundle),
  • ngAnnotate & uglify (to create an ngAnnotate-processed and minified Browserify bundle),
  • end-to-end tests with Protractor,
  • a static asset server (gulp-connect) and
  • live reload support.

Useful gulp tasks

The

  • gulp fast:
    • linting
    • unit tests
    • browserification
    • no minification, does not start server
  • gulp watch
    • starts server with live reload enabled
    • lints, unit tests, browserifies and live-reloads changes in browser
    • no minification
  • gulp:
    • linting
    • unit tests
    • browserification
    • minification and browserification of minified sources
    • start server for e2e tests
    • run Protractor End-to-end tests
    • stop server immediately when e2e tests have finished

At development time, you should usually just have gulp watch running in the background all the time. Access the app via http://localhost:8080/. Whenever you change a source file and save it, the browserify bundle is recreated and your browser automatically reloads the changes. Use gulp (without a specific task) before releases.