ES6 workflow based on JSPM and Gulp for AngularJS
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.
dev/gulp
src/app
.editorconfig
.gitignore
README.md
gulpfile.js
package.json

README.md

AngularJS / ES6 / JSPM / Gulp Starter Project

A quick start template for web development with JSPM, Gulp, ECMAScript 6/2015 and AngularJS.

Featuring

πŸ™ˆ Gulp-based workflow

πŸ„ ES6 with on-the-fly transpilation (using Babel) in development

🐢 AngularJS starter app

πŸ₯ Bundling transpiled JS for prodution

🐎 Templates caching

🐠 Minification

πŸ• Assets optimization

πŸ™ JSPM

🐷 SASS

🐝 Live Reload

Development Requirements

Dependency OS X Installation
node.js brew install nodejs
gulp npm install -g gulp
jspm npm install -g jspm

Development

Installation

git clone https://github.com/myurasov/Angular-ES6-JSPM-Gulp-Boilerplate.git myapp
cd myapp
npm install
jspm install
gulp

Live Reload

gulp

Building

gulp build:<environment>

After the build the app can be served from src/app directory.

Environments

  • development
  • test
  • staging
  • production

Available Gulp Tasks

Command Desc
gulp cleanup Remove build files
gulp serve (default) Launch with live reload
gulp set-environment:development Set environment to development *
gulp set-environment:test Set environment to test *
gulp set-environment:staging Set environment to staging *
gulp set-environment:production Set environment to production *
gulp update-revision Update current revision based on the git commit or date/time **
gulp build:development Build for the development environment
gulp build:test Build for the test environment
gulp build:staging Build for the staging environment
gulp build:production Build for the production environment
gulp compile-ejs Compile EJS files
gulp compile-sass Compile SASS files
gulp compile-scripts Compile scripts. Creates self-sufficient bundle (except for development environment)
gulp compile-templates Compile templates into cache. In development templates are not cached.
gulp optimize-asssets Optimize assets
gulp post-build Perform post-build steps

* Current environment is stored in /environment file

** Current revision is stored in /revison file

Author

Mikhail Yurasov <me@yurasov.me>.

Web/Mobile/Fullstack developer, Hackatons enthusiast.

License

Basically, WTFPL