Angular使用筆記4_專案目錄架構

 

首先最上層三種目錄

e2e - 端到端的測試項目， 用於自動化測試

node_modules - 存放第三方的依賴套件

src - 主要大部分開發用的程式碼(css,typescript...)

在主要開發用的 ./src/ 目錄下

./app/ - 整個網頁應用程式的 Module、Component、Service ....都放置於此。

( 不含E2E 測試的程式碼)

./assets/ - 靜態資源放置處，如圖片、資料檔...

./environments/ - 存放angular 環境配置文件(環境變數設定檔)

建立專案時就會自動建立兩檔案，environment.ts 與 environment.prod.ts。

全系統的環境變數都會需要透過這兩檔案來設定。

browserslist - 檔案內其實有說明，大意就是 Angular 的編譯器會根據此檔案的設定來加上 CSS 的前綴，若有 IE 11支援相容需求，需要取消最後一行的註解。

test.ts - 跟 main.ts 檔類似，主要是用在測試檔上。

karma.conf.js - karma 單元測試配置文件

angular.json - CLI的配置文件

package.json - 就是跟我們NodeJs應用一樣的NPM相依套件配置文件