angglar 6はenvironmenmentsプロファイルに基づいて開発に必要な環境を変更します.
1031 ワード
フロントエンドの開発過程で、私達は常に需要に応じて、異なる環境のコードを実行したり、包装したりする必要があります.幸いにも、アングラーは私達にenvironments構成を提供してくれましたが、アングラー6.xの配置方式とアングラーの他のバージョンの配置方式は違います.
一、アングラー6.x下のenvironmentsの配置
まず、environmentsフォルダの下でenvironment.test.tsとenvironment.pre.tsファイルを作成します.
それぞれに下記の内容を追加します.
その後、angglar.jsonファイルを見つけて、architectオブジェクトの下のconfigrationsに次のコードを追加します.
serveを見つけたら、次のコードを追加します.
ng serve--configration=testまたはng serve-c test授業を実行してコンソールで印刷できます.
同じように、まずenvironmentsでenvironment.test.tsとenvironments.pre.tsを作成し、上記の手順に従って、同じ内容を追加して、アングラーcli.jsonファイルにenvironmentsを見つけて、中にどのような内容を追加しますか?
その後、ng s--env=testを実行することでテスト環境を実行できます.必要なところにenvironmentを導入すればいいです.
一、アングラー6.x下のenvironmentsの配置
まず、environmentsフォルダの下でenvironment.test.tsとenvironment.pre.tsファイルを作成します.
それぞれに下記の内容を追加します.
その後、angglar.jsonファイルを見つけて、architectオブジェクトの下のconfigrationsに次のコードを追加します.
serveを見つけたら、次のコードを追加します.
ng serve--configration=testまたはng serve-c test授業を実行してコンソールで印刷できます.
{production: false, path: "xxxxx"}
path: "xxxxxx"
production: false
__proto__: Object
同じ理屈でng serveを実行します.configration=preまたはng serve-c preはプリプロダクション環境のドメイン名を取得できます.ですから、環境変数が必要なところに導入すればいいです.import {environment} from '../environments/environment';
二、アングラーの他のバージョンのenvironmentsの構成同じように、まずenvironmentsでenvironment.test.tsとenvironments.pre.tsを作成し、上記の手順に従って、同じ内容を追加して、アングラーcli.jsonファイルにenvironmentsを見つけて、中にどのような内容を追加しますか?
その後、ng s--env=testを実行することでテスト環境を実行できます.必要なところにenvironmentを導入すればいいです.