feat(@angular/cli): use separate tsconfigs

[filipesilva]

This PR adds tsconfigs for each separate application:

• src/tsconfig.app.json: configuration for the Angular app.
• src/tsconfig.spec.json: configuration for the unit tests. Defaults to the Angular app config.
• e2e/tsconfig.e2e.json: configuration for the e2e tests.

There is an additional root-level tsconfig.json that is used for editor integration.

For new Angular version 4 projects, these tsconfigs will use inheritance since it's available with TypeScript 2.1.

This is not a breaking change. Existing projects should not be affected.

[deebloo]

fiesta! 💃

[filipesilva]

Olé! 💃

[hansl]

LGTM 💃

[dzonatan]

@filipesilva A bit late question but why declaring types manually is better than having one global typeRoots (as there was before)?

"typeRoots": [
    "../node_modules/@types"
]

[filipesilva]

A couple of reasons:

• Some typings might actually have duplicate indentifiers. This has happened before with protractor and jquery both using $.
• You might be using typings that really don't shouldn't in your app, like describe that should only be in unit tests, or node typings.

That being said, it is more convenient to use typeRoots if you're not too concerned with those things.

[dzonatan]

Sounds convincing! Thanks for such a detail comment!! 🍺 🍺

[larssn]

This was hard to dig out, but thanks for clarifying. 👍

[jtsom]

Just want to leave a comment about my issue - the statement above that "existing projects should not be affected" isn't entirely true...

[filipesilva]

@jtsom that was a mistake on our part. It's being fixed in #5060

[jtsom]

Ah. Cool. Also running into an issue where building/ng serve-ing the app is showing an error that it can't find a type (Auth0UserProfile in this case), but it's defined in the @types/auth0-js library, and VS code sees it fine. The code runs fine, but not sure why the build is squawking...

[filipesilva]

That's likely because you have to add it to the types array in src/tsconfig.app.json. We updated https://github.com/angular/angular-cli/wiki/stories-third-party-lib to also mention that.

[jtsom]

Was just about to make a comment about that too... would be nice if there was a mention in the rc.0 update docs to watch out for third party libs... Thanks

[filipesilva]

@jtsom adding in #5147.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}