angular / angular/angular-cli

Managing large amounts of environment variables

Aperta
#28,661 21 commenti 38 reazioni 0 assegnatari Vedi su GitHub
area: @angular/build feature feature: under consideration
Lingua principale
TypeScript
Stelle
27k
Fork
11.8k
Merge medio
14h 23m
PR unite (30g)
162

Descrizione

### Command

build, serve, test, e2e

### Description

I am reopening https://github.com/angular/angular-cli/issues/4318.

Essentially we need a way to pass environment variables to the build/serve commands. environments.ts file is not a viable solution as you would need to end up with hundreds of environment.ts files depending on all the permutations per environment.

The solution to https://github.com/angular/angular-cli/issues/4318 also does not address this since you need to know the `define` values when running the command `ng build ....`
Which means you would have to generate the build command same way as generating the `environment.ts` file.

Most enterprise angular applications I have worked on ends up extending the `webpack.config.js` file adding:
```javascript
DefinePlugin({
process: {
env: {
VAR_1: JSON.stringify(process.env.VAR_1),
...
}
}
})
```

This issue has been brought up for years with the Angular repo but i've never seen a resolution so I want to try to make it as clear as possible.
We should support a `dotenv()` style solution where in the code we can use `process.env.VARIABLE`.
In the build machine we can either:
`export VARIABLE=test`
or have a `.env` file to pick it up.

This is supported by pretty much every other framework out there so I'm not sure why it wouldn't be possible or hasn't already been implemented.

If the issue is the angular team doesn't want this behaviour then that is fine but I am looking for a yes/no type answer. If the answer is no the angular team would be able to point to this issue for all future feature requests of this nature.

### Describe the solution you'd like

_No response_

### Describe alternatives you've considered

_No response_

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia con la issue precedente #4318 e con gli entry point dei comandi build, serve, test ed e2e. Esamina l’approccio esistente di environments.ts e l’esempio di DefinePlugin in webpack.config.js, quindi determina come esporre le variabili esportate o un file .env come process.env.VARIABLE. Il lavoro è completo quando sono definiti il comportamento supportato e l’ambito per questi comandi.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript, webpack
Ambito
build-system, cli
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.