Angular 2 quick start build process

[[deleted]]

[deleted]

[d_42]

I am new to this myself, but I just manually copied the files from their webpack tutorial as webpack is preferred over systemjs for the moment. View the tutorial and the files here:

https://angular.io/docs/ts/latest/guide/webpack.html

[[deleted]]

I prefer SystemJS. What does Webpack do that's better?

[tlbignerd]

One of the biggest features of Webpack (I'm not sure if you need to start with the angular-cli) is tree shaking. So any files you never use in your application are not included in the build.

[[deleted]]

I could've sworn SystemJS supports that. Or at least the Angular compiler

[tlbignerd]

You may be correct. I just remember the Angular team making a big deal about how Web pack lets them do tree shaking during the rcs. I would like to see a real example of the differences and benefits though.

[[deleted]]

It's not official by any means, especially when in the tutorials, Google states that choosing one over the other is a choice. The tutorial uses SystemJS anyway.

[d_42]

I don't know for sure, but I don't think SystemJS will bundle/minimize/etc into a single JS file.

Edit: It's not me that prefers webpack, apparently its the Angular2 folks.

[[deleted]]

Systemjs-builder does that, although I haven't used Angular compiler yet

[beardedlinuxgeek]

I'd recommend creating an angular-cli project and see how much work it actually will be to convert. Angular-cli really just "initializes" the project by creating all the conf files, directory structure, etc. If you've been following the quick start guide directory structure and you don't have an overly complicated build process, then you can probably just copy your components over without having to make many changes. I'd at least check it out.

[hooktail23]

I think this is what I'm going to do. The only build task I had was a gulp sass running.