SystemJS + AngularJS
Seed project for ES6 modules via SystemJS with ES6 syntax using Babel that lazy-load and bundle build with AngularJS.
This project does:
- ES6 Syntax via Babel with source maps
- ES6 Modules via SystemJS
- Karma / Jasmine unit tests with coverage report
- Lazy-loading modules via routes with AngularJS
- Easy watch/browser-sync/lint/test/build setup via Gulp
- LESS CSS Support with source maps and minification
- AngularJS Template Compilation
- AngularJS Annotatation
- Bundle builds via SystemJS Builder
- Cache Busting with SystemJS
- Demonstrates on-demand theme loading
This seed project demonstrates the systemjs-route-bundler build tool.
Install & Run
npm start
- Browse to
http://localhost:9000
Gulp Tasks
gulp test
to run karma testsgulp webdriver-standalone
andgulp sauce-test
to run e2e testgulp lint
to run jshintgulp release
to bundle, cache busting, and minify
Versions
The project has been tested with the following environment:
- node v4.1.0
- npm v2.14.3
- jspm v0.19.3
Tooling
Best Practices
- https://github.com/johnpapa/angularjs-styleguide
- https://github.com/gocardless/angularjs-style-guide
- http://sett.ociweb.com/sett/settApr2014.html
Research & Resources
- https://github.com/angular/material-start/tree/es6
- https://github.com/systemjs/systemjs
- https://github.com/gocardless/es6-angularjs
- http://glenmaddern.com/articles/javascript-in-2015
- https://github.com/marcj/angular-es6-annotations
- https://github.com/robianmcd/angular-next
- https://github.com/ng-next/ng-next-example
Credits
angular-systemjs-seed
is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.