https://github.com/myurasov/angular-es6-jspm-gulp

ES6 workflow based on JSPM and Gulp for AngularJS
https://github.com/myurasov/angular-es6-jspm-gulp

Last synced: 3 days ago
JSON representation

ES6 workflow based on JSPM and Gulp for AngularJS

• Host: GitHub
• URL: https://github.com/myurasov/angular-es6-jspm-gulp
• Owner: myurasov
• Created: 2015-09-22T10:25:29.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-09-28T01:33:46.000Z (about 9 years ago)
• Last Synced: 2023-03-11T01:52:06.797Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 154 KB
• Stars: 66
• Watchers: 3
• Forks: 12
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

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

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 <>.

Web/Mobile/Fullstack developer, Hackatons enthusiast.

* [Linkedin](https://www.linkedin.com/profile/view?id=173007295)

* [Github](https://github.com/myurasov)

## License

Basically, [WTFPL](http://www.wtfpl.net/)