Angular配置檔案之環境配置

2021-09-11 13:42:22 字數 1602 閱讀 6766

假設有三個環境:開發環境(dev)、測試環境(test)、生產環境(prod)。 當我們構建引數時會用到 --environment來指定應用執行環境。腳手架會根據指定的值載入對應的環境配置檔案。如:ng build --env=dev 就是build開發環境的包。那麼我們就從這裡開始看看angular專案裡環境該怎麼配置。

"environmentsource": "environments/environment.ts",  // 基礎環境配置

"environments":

複製**

再進入environments資料夾 檔案目錄: ├─ environments

│ ├─ common.json

│ ├─ environment.ts │ ├─ development.json

│ ├─ environment.test.ts

│ ├─ test.json

│ ├─ environment.prod.ts

│ └─ production.json │

,

"list":

}複製**

開發環境 :

export const environment = object.assign({}, require('./common.json'), require('./development.json'), );

複製**

}複製**

測試環境:

export const environment = object.assign({}, require('./common.json'), require('./test.json'), );

複製**

}複製**

生產環境:

export const environment = object.assign({}, require('./common.json'), require('./production.json'), );

複製**

}複製**

在專案的service中相對路徑引入環境再請求介面,偽**如下:

...

@injectable()

export class loginservice )}

}複製**

打包方法:

直接以環境名進行打包

ng build --pord

ng build --env

ng build --test

複製**

不同環境均以product方式進行打包

ng build --pord --env=test

ng build --pord --env=dev

ng build --pord --env=pord

複製**

(完)

angular 的配置檔案的應用

為什麼要使用 angular 的配置檔案 好處 我們可以在乙個頁面上,實現多個頁面的跳轉的感覺,但只是在乙個頁面上進行的操作 在依賴模組中 一定要 新增 ngroute 模組,解釋便可以看到操作 配置檔案我們要使用的東西 接下來以 方式講解 我們就只在乙個頁面上進行操作 我們我們將這個頁面稱之為主頁...

MyBatis配置檔案(八) mappers配置

對映器是mybatis中最複雜,最核心的元件。對映器是由介面和xml配置檔案組成,xml中需要定義乙個命名空間,其值對應介面的全路徑。如下為乙個簡單對映器的定義 1 建立介面,定義方法 方法 public user selectbyid string id 2 建立對應的xml檔案,定義命名空間 s...

bash環境配置檔案

login shell 取得bash時需要完整的登陸流程。no login shell 取得bash介面的方法不需要重複登陸的舉動。login 讀取兩個配置檔案 1.etc profile 系統整體設定,不要修改。2.bash profile 或 bash login 或 profile 使用者個人...