Angular-CLIでアプリを作成しました。デバッグの目的で、実行中のビルドに関する情報をアプリに表示したいと考えています。たとえば、gitブランチやビルド時間などビルド中に環境変数を設定する
私はsrc/environments/environment.tsを操作するスクリプトを書くことができましたが、もっと良い方法があるかどうか自分に尋ねています。特にそのファイルはソース管理の一部であるためです。
変数の値を上書きするためのAngular-CLIのスイッチがいいでしょう。 environment.buildとenvironment.timeの変数がenvironment.tsのdummysに設定されているとします。その後、ng --env[build]=master --env[time]=201612130742と私は計算された値でそれらを上書きします。
私の知る限りでは、そのようなものは存在しません。
gulp-ng-configを使用して、CI/CDプロセスに設定を注入することができます。また、これを実装する方法の詳細については、thisの記事をご覧ください。
angular-cliには、そのままの環境が付属しています。 ng ejectでプロジェクトを既に取り除いた場合は、手動で環境ファイルを設定する必要があります。
Webpackビルドに環境変数を渡すことができます。私は、環境に合格し、環境設定ファイルを選択するためのenv変数を使用していますが、
マイpackage.jsonが
"scripts": {
"ng": "ng",
"start": "webpack-dev-server --env.target=local --port=4200 --history-api-fallback",
"build:prod": "webpack --env.target=prod --env.zip --env.aot --env.extreme --colors",
スクリプトビルドプロセス中に環境フラグを提供して以下のように、あなたは他の変数を設定することができます環境フラグを使用することができます
環境フォルダにも書き込みを行うノードスクリプトもあります。その後、アプリケーションはファイルの内容を読み取ります。 –