# Angular多專案架設及Angular架構

## 建立工作區

一樣使用新增專案的方式，使用參數，讓建立執行只建立**工作區**，而後再針對專案包個別建立。

> **ec-Workspace**為工作區命名範例

ng new ec-Workspace --createApplication="false"

## 個別建立專案包

> **ec-projent**為專案命名範例

ng generate application ec-projent

> **ec-lib**為命名範例

ng generate library ec-lib

目錄配置都是同一個 repo，而專案之間的 node_modules 資料夾也是共用的。

## 建置架構圖

[架構圖 final](https://coggle.it/diagram/YYzZf_n8oThW-LpT/t/pchome)

[舊架構規劃中 v1](https://coggle.it/diagram/YcmFh9uO1YgVrMmE/t/%E7%B5%90%E6%A7%8B%E8%A6%8F%E5%8A%83%E5%85%A9%E7%A8%AE%E7%89%88%E6%9C%AC)

## 練習架構跟切版

[Material Dashboard Angular by Creative Tim](https://demos.creative-tim.com/material-dashboard-angular2/#/dashboard)
[[Angular Material完全攻略] Day 23 - 收件夾頁面(3) - Table](https://ithelp.ithome.com.tw/articles/10196731)

## 資料來源

### 架構
[Angular入門到精通系列教程（15）- 目錄結構（工程結構）推薦](https://www.twblogs.net/a/6014f03f2c2bb14a053ad114)
[[Angular] 多專案工作區建置](https://www.tpisoftware.com/tpu/articleDetails/2369)
[第 3 型 - Angular 工作區與專案檔案結構](https://ithelp.ithome.com.tw/articles/10239180)
[How to Build a Component Library with Angular and Storybook](https://medium.com/angular-in-depth/how-to-build-a-component-library-with-angular-and-storybook-718278ab976)

### library
[Include assets when building angular library](https://stackoverflow.com/questions/57741052/include-assets-when-building-angular-library#:~:text=%E5%9C%A8%E4%BD%A0%E7%9A%84%E5%BA%AB%E9%A0%85%E7%9B%AE%E7%9A%84%E6%A0%B9%E7%9B%AE%E9%8C%84%E6%B7%BB%E5%8A%A0%E4%B8%80%E5%80%8B%20assets%20%E6%96%87%E4%BB%B6%E5%A4%BE)
[於Angular中，建立Library的心得](https://medium.com/@thomascsd/%E6%96%BCangular%E4%B8%AD-%E5%BB%BA%E7%AB%8Blibrary%E7%9A%84%E5%BF%83%E5%BE%97-9f80d3b6a6eb)

## 其他相關
[angular-fontawesome](https://github.com/FortAwesome/angular-fontawesome)

###### tags: `Angular` `Angular-project` `Angular架構` `結構架構圖`