Explanation about CLI code Structure.

After the Release of angular CLI, I have decided to work with angular CLI but from very start leads to some confusion which are not cleared yet so hope somewhere here help me out :-

1. In index.html i have found some amazing interpolation syntax of angular, whats the role of these in our app ?

syntax like -

{{#unless environment.production}}
{{/unless}}
{{#each scripts.polyfills}}
<script src="{{.}}"></script>{{/each}}    //what is {{.}} here ??

what does `/` this mean in {{/unless}}
and here `#` in the {{#each ...}} ??

1. when i run command ng g component demo, it creates component in perfact manner but after creating found one file named index.ts for every component, whats the role of index.ts here ?
2. Before CLI i have use gulp task’s to perform compilation(*.ts to *.js) , In CLI how and where these action being performed ??
3. whats the role of angular-cli.json file ?

any help would be appericiated, thanks.

I have also ask same question on stackoverflow but did’t get much attension here http://stackoverflow.com/q/37588579/5043867

[siva636]

Simplicity is broken with Angular-cli, it is a complicated irritating weird tool. There are so many config files there!!??

We should be able to configure development or production state when bootstraping in the main.ts file using a single line of code.

[angular-automatic-lock-bot[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.}