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相依套件配置文件




留言

這個網誌中的熱門文章

何謂淨重(Net Weight)、皮重(Tare Weight)與毛重(Gross Weight)

Architecture(架構) 和 Framework(框架) 有何不同?_軟體設計前的事前規劃的藍圖概念

(2021年度)駕訓學科筆試準備題庫歸納分析_法規是非題