CODEWITHSUNDEEP
javascriptangularexpressmean-stack
Bromox
Bromox

Reputation: 687

New Angular 2 CLI tool - Systemjs?

Summary

Background

I had built an angular 2 applicaiton for a membership database. This was only the front end. After learning about backend development I realized a MEAN stack is best aligned with my skillset so I am now making RESTful APi using Node and express.js.

I am using the following in my server.js file to load my index.html.

app.use(express.static(__dirname + '/public'));

I had a seperate folder for my API but I want it all on one code base (MEAN stack). I decided, lets just use the new angular stuff that was released last week and rebuild my folder structure for the front end (should be a matter of moving files around)..... I was wrong

When visiting the site, all I see is this CLI tool. It however installs everything like Jasmine, E2E etc. This is great and all but I don't understand that stuff yet and would just like to install the bare bones so I can run my app.

The Question

However, poking around I see that with the cli setup there is no systemjs file. Where did it go? also in my index.html file I had:

  <script>
      System.import('app').catch(function(err){ console.error(err); });
    </script>

This is also not included in the index.html that was in create with the CLI tool.

The Ask

Lots seemed to have changed. Can anyone shed some light on these changes and perhaps reference a good setup guide for bare-bones of the new angular 2?

Upvotes: 0

Views: 78

Answers (1)

borislemke
borislemke

Reputation: 9116

The CLI team has ditched SystemJS and decided to switch to WebPack. The CLI tool is now quite fast(1.0.0-beta.28.3) compared to using SystemJS which now takes an average of 2secs to re-compile(on subsequent compilations). In my opinion, the CLI is the tool to go for building Angular 2 projects.

FYI: Angular 4 is coming out in March, which is just a Semver adaptation which usually means there will be "some" breaking changes. source

Upvotes: 2

Related Questions