The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Getting started with Angular + JSPM + ES6

Getting started with Angular + JSPM + ES6

3:04
JSPM allows you to load any client package from github and npm in any module format. Learn how to use it to create a great workflow with Angular and ES6.
Watch this lesson now
Avatar
egghead.io

JSPM allows you to load any client package from github and npm in any module format. Learn how to use it to create a great workflow with Angular and ES6.

Avatar
Ryan

Will there be a follow up to this? I would like to know how to structure an angular 1.x app using es6 modules. I have seen a range of seed projects but no real common implementations. A few couple I noticed was enabling strictDi and using angular.bootstrap() instead of ng-app . I would love to get more direction on how to use tools like systemjs to build an angular app (todo app even!) thanks!

In reply to egghead.io
Avatar
Robert

Audio level is quite low in this one.

In reply to egghead.io
Avatar
Kendrick

How do you incorporate JSPM into a production build?
Specifically I need to transpile LESS to a concatenated app.css, and I need to pre-process *.js with ng-annotate prior to transpile + minify for the bundle.

At the moment the only path I can see is to use gulp to pre-process the sources and output the compiled files into a build folder then bundle from that folder, although this creates some consternation over how to structure the app with the remaining static assets.

I want to be able to run a watch on the files, edit, auto-compile and reload the browser and run tests.

When I am done, run bundle and process all files into an index.html, one or more bundle.js and my image/font folders.

Then Deploy the final package and run e2e tests.

Finally archive the zipped folder of assets.

How do we do all this?

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?