angular

[Angular] 多專案工作區建置

周志衠 Jed Jhou 2020/12/31 21:32:58
75

在一般專案開發或練習 Angular 通常第一件事情是使用 angular cli 指令建立專案,基本的指令如下:

 
ng new projectName

如此便會由 angular cli 幫你建立一個專案與 git repo,在實務開發上我們有時也會遇到一個專案有前後台之分,而且開發中我們也會想把前後台有共用的組件或邏輯另外集中管理,例如下方的目錄結構。

這個時候我們在建立專案時可以先建立工作區,後續再建立專案或函式庫,指令如下:

ng new my-workspace --createApplication="false"

這指令會先建立一個工作區而不建立專案,和一些會基本共用的如 node_modules 資料夾和 angular.json。

接著再進入剛剛建立的工作區目錄,使用 angular cli 建立專案及函式庫專案,如下

ng generate application project1
ng generate application project2
ng generate library my-lib
 

這樣的目錄配置可以方便在 git 上管理我們的專案,因為都是同一個 repo,而專案之間的 node_modules 資料夾也是共用的,不用每個專案都要各自安裝,可以節省不少空間,函式庫的專案也可以在專案之間共用,方便後續的維護管理。

參考資料 : Angular 工作區和專案檔案結構

周志衠 Jed Jhou