Angular 靜態讀取設定檔

Angular 預設有提供靜態設定檔的方式供大家設定

預設的 production 設定檔

例如可以在 environment.prod.ts 中定義專案中會用到的 url 或 production mode

再包版的時候就可以指定設定檔來把這些參數靜態置換掉

1	ng build --base-href "/專案名稱/" --prod --build-optimizer

prod 是 angular 預設提供的 build 方式, 可以在 angular.json 中找到

例如 environment.sit.ts

改成 --configuration=sit這個參數, 也可以實現

1	ng build --base-href "/專案名稱/" --configuration=sit --build-optimizer

angular.json 多加上 sit 相關的設定

之後在專案內就可以使用 environment 這個變數來使用物件內的參數啦!

但這部分是 “build compile” 時就產好的靜態設定, 如果還要動態的設定的話呢？下回分曉哈哈哈哈…