企业级应用项目工程介绍
node -v
v10.13.0
npm --version
6.4.1
ng --version
Angular CLI: 7.1.0
工程: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
如果觉得本文对您有帮助~可以
微信支持一下: