企業級應用項目工程介紹

node -v

v10.13.0

npm --version

6.4.1

ng --version

Angular CLI: 7.1.0

cnpm:https://npm.taobao.org/

 

 

工程：testmgr

核心模塊：任何項目下都有，只加載一次的。

非特性模塊：服務模塊，reducer模塊，effects模塊，純粹是文件組件，無業務。他們也是裝載到核心模塊當中的。爲了避免讓核心模塊文件太多不清晰，分開成獨立模塊。

特性模塊：登陸模塊，項目模塊，任務模塊，日曆模塊。除了登陸模塊其它模塊懶加載。

共享模塊：提供給各個特性模塊。只是單純的導入導出，import進來直接export出去，避免了在每一個模塊中分別導入太多了重複類庫文件。

 

體會命名約定中 模塊和組件的類文件都使用index.ts的命名約定 的好處。 引入的時候目錄短不少。

$ ng new taskmgr --skip-install --style=scss 【縮寫ng new taskmgr -si --style=scss】

$ cd taskmgr/

$ cnpm install

$ ng g m core 建立核心模塊 只加載一次

$ ng g m shared建立共享模塊

 

 

UI佈局

把Header，Footer和放在覈心模塊中，只加載一次。 

ng g c core/header 
ng g c core/footer 
ng g c core/sidebar