Angular多模块项目构建步骤是怎样的?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1190个文字,预计阅读时间需要5分钟。
引言:两个月前,已存在一个录音系统,需要构建一个新的录音系统。两套系统需共用实体、组件及服务。如何在构建新系统时,复用原有系统的代码成为项目难点。当时的解决方案是将‘’录音系统‘’的代码进行模块化处理,提取出可复用的部分,以便在新系统中直接调用。
引言
两个月前,已存在录题系统,需要构建出题系统,且两套系统存在公用的实体、组件以及服务,如何在构建新系统的同时复用原系统的代码成为了项目难点。
当时的解决方案是将两个系统放在一个应用里,并为该应用配置两套构建方案,当进行 ng serve 或 ng build 时,加载相应配置,动态构建出两套系统,从而解决了共享代码的问题。
现在再去看 Angular ,理解又不同了。
新的思想与理解都源于后端的思考,在构建后端项目时,为了实现代码复用,会构建多模块。
就像下图所示一样,通用的代码放在 Core 与 Common 模块中,各业务模块依赖这两个模块,通过模块间依赖实现代码复用。
那么问题就来了,在 Angular 里,我们可不可以像后台一样去构建多模块项目,以达到复用的目的呢?
实现
参考学习
之前一直使用 Angular Multi Module 作为关键字进行搜索,结果查询出来的都是多模块惰性加载的文章,参考意义不大。
本文共计1190个文字,预计阅读时间需要5分钟。
引言:两个月前,已存在一个录音系统,需要构建一个新的录音系统。两套系统需共用实体、组件及服务。如何在构建新系统时,复用原有系统的代码成为项目难点。当时的解决方案是将‘’录音系统‘’的代码进行模块化处理,提取出可复用的部分,以便在新系统中直接调用。
引言
两个月前,已存在录题系统,需要构建出题系统,且两套系统存在公用的实体、组件以及服务,如何在构建新系统的同时复用原系统的代码成为了项目难点。
当时的解决方案是将两个系统放在一个应用里,并为该应用配置两套构建方案,当进行 ng serve 或 ng build 时,加载相应配置,动态构建出两套系统,从而解决了共享代码的问题。
现在再去看 Angular ,理解又不同了。
新的思想与理解都源于后端的思考,在构建后端项目时,为了实现代码复用,会构建多模块。
就像下图所示一样,通用的代码放在 Core 与 Common 模块中,各业务模块依赖这两个模块,通过模块间依赖实现代码复用。
那么问题就来了,在 Angular 里,我们可不可以像后台一样去构建多模块项目,以达到复用的目的呢?
实现
参考学习
之前一直使用 Angular Multi Module 作为关键字进行搜索,结果查询出来的都是多模块惰性加载的文章,参考意义不大。

