Angular构建多应用和二方库

Angular构建project有两种模式——application、library，application就是一个独立的应用，可启动；library和webpack里的一样，是一个可发布为npm包的项目，不可独立启动。其主要配置都在根目录下的angular.json中。https://angular.cn/guide/workspace-config

构建多应用就相当于把多个可独立启动的项目放到一个代码仓里，只有一些特殊情况会用到；library相对来说用的多些，二方库是公司内部npm包的叫法，也可以看作是业务组件/微服务，主要用处就是解耦。

新建

• 构建新应用使用ng new appName命令
• 构建library使用ng generate library libName命令
• 生成的文件均位于projects/下
• 生成的配置代码均位于angular.json中projects块下，projectType字段不同

如果要使用webpack，则需要将architect.serve.builder改为@angular-builders/custom-webpack:dev-server，再配置architect.build.options.customWebpackConfig

webpack.png

本地调试

如果要本地调试library包，需要一个主应用作为基座，再在tsconfig中添加npm包别名为本地路径。
compilerOptions.paths

"@packageName": [ "projects/libName/src/public-api.ts" ]

另外记一个小坑，如果library和主应用共库，且一次MR包含两个部分的修改，需要将修改部分拆分。先提交library部分，部署后再提交主应用部分，并修改二方包版本，再部署主应用。