angular / angular/angular-cli

Managing large amounts of environment variables

オープン
#28,661 コメント 21 件 リアクション 38 件 担当者 0 名 GitHub で見る
area: @angular/build feature feature: under consideration
主要言語
TypeScript
スター
27k
フォーク
11.8k
平均マージ
14時間 23分
マージ済み PR(30日)
162

説明

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

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

以前の issue #4318 と、build、serve、test、e2e コマンドのエントリポイントから始めます。既存の environments.ts のアプローチと webpack.config.js の DefinePlugin の例を確認し、export された変数または .env ファイルを process.env.VARIABLE として公開する方法を決定します。これらのコマンドについて、サポート対象の動作と範囲が定義されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
angular, typescript, webpack
領域
build-system, cli
issue の種類
機能追加
難易度
5/5
見積もり時間
1週間以上
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。