angular / angular/angular-cli

Managing large amounts of environment variables

Ouverte
#28,661 21 commentaires 38 réactions 0 personnes assignées Voir sur GitHub
area: @angular/build feature feature: under consideration
Langage dominant
TypeScript
Étoiles
27k
Forks
11.8k
Merge moyen
14 h 23 min
PR mergées (30 j)
162

Description

### 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_

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par l’issue précédente #4318 et les points d’entrée des commandes build, serve, test et e2e. Examinez l’approche existante de environments.ts ainsi que l’exemple de DefinePlugin dans webpack.config.js, puis déterminez comment les variables exportées ou un fichier .env doivent être exposés sous la forme de process.env.VARIABLE. Le travail est considéré comme terminé lorsque le comportement pris en charge et le périmètre pour ces commandes sont définis.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript, webpack
Domaine
build-system, cli
Type d'issue
Fonctionnalité
Difficulté
5/5
Temps estimé
Plus d'une semaine
Activité
Calme
Clarté
Plutôt claire
Accessibilité débutants
35/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.