Angular2：在index.html中使用環境變量

Question

關於如何在index.html文件中使用環境變量的任何想法。如果環境是刺激，我需要包括.js script A，如果環境是其他任何東西，我需要包括腳本B.否則，我需要在部署之前手動更改index.html文件。

Answer 1

請看Load external js script dynamically in Angular 2或Dynamically load JS inside JS動態導入js文件。例如，根據您的網址，您可以設置要導入的文件名。

另一種選擇是將所有值設置爲單個文件，並根據您的url確定要使用哪些值。例如

//prod values 
foo = "bar"; 
//non-prod values 
if (!prod) { 
    foo = "tux"; 
} 

對於這種情況最好的解決辦法是使用持續集成（Gitlab，TeamCity的，還是其他什麼東西）工具。當你將文件上傳到像github或類似的倉庫時，CI工具將從你的倉庫獲取文件，並將包含prod環境值的js文件複製到prod中。它還可以測試您是否爲您的應用程序編寫了測試，在這種情況下，當測試失敗時它會中斷並且不復制文件。

希望這會有所幫助。