feat(@schematics/angular): add environments generation schematic

[clydin]

A schematic has been added that will allow the generation of environment files for all existing build configurations within a project. The fileReplacements option will also be setup to allow the replacement of the appropriate environment file. Environment files themselves do not provide any special behavior beyond that of other application TypeScript files and rely on the fileReplacements option for build-time behavior. The schematic will skip generating environment files for configurations that already have an appropriately named environment file. The fileReplacements option addition will also be skipped if an appropriate entry is already present.
Example usage: ng generate environments

Closes #24381

[alan-agius4]

Couple of comments. Otherwise this looks good.

[alexander-kastil]

@clydin Could you please share on how to use your schematics to add env files. thank you in advance

[clydin]

Description updated with an example usage.

[ek1mb4]

A schematic has been added that will allow the generation of environment files for all existing build configurations within a project. The fileReplacements option will also be setup to allow the replacement of the appropriate environment file. Environment files themselves do not provide any special behavior beyond that of other application TypeScript files and rely on the fileReplacements option for build-time behavior. The schematic will skip generating environment files for configurations that already have an appropriately named environment file. The fileReplacements option addition will also be skipped if an appropriate entry is already present. Example usage: ng generate environments

Closes #24381

Your example does not work. "ng generate environments". I guess I will be using a service.

[clydin]

It will be available in 15.1.0 which is currently in prerelease (available via the next npm tag).

[alexander-kastil]

@clydin Great job … For simpler apps environment.ts and *.prod.ts was a good & simple solution to provide global vars like api url, … thanks a lot 👍

[cosmoKenney]

Somewhere along the line whole environments thing stopped working. In angular 8 I used to have one for development, staging and production. And had corresponding fileReplacements in angular.json. Doing ng build --configuration=staging would copy the environment.staging.ts into the dist/environments/environment.ts file. That no longer works in Angular 14. How do I accomplish the same thing with Angular 14?
This is clearly documented here in the Angular 14 documentation here: https://v14.angular.io/guide/build
And is clearly documented in the "stable" docs here: https://angular.io/guide/build
But none of what is written about fileReplacements there works.

[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.}