企业级应用项目工程介绍

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

 

posted @ 2018-08-19 09:31  starof  阅读(521)  评论(0编辑  收藏  举报