步驟:
創建第三方包 》 開發第三方包 》 測試第三方包 》 發布第三方包 》 使用第三方包
實例:
第一步:創建第三方包;; (創建項目,項目下創建第三方庫)
1. 新建項目
ng new zerolibrary

2. 創建第三方庫
// 目錄切換至新創建的項目
cd zerolibrary
// 創建第三方庫 (--prefix: 前綴;在用命令行新建組件/指令時,selector的屬性值的前綴)
ng g library zero --prefix zm


第二步:開發第三方包;;(在第三方庫中新建組件、模塊)
1. 第三方庫中新建button組件
// 切換至第三方庫創建組件的位置
cd projects/zero/src/lib
// 新建組件
ng g c button


2. 第三方庫的模塊中導出新建組件,可供外部模塊使用
// zero.module.ts
exports: [ButtonComponent]

第三步:測試第三方包;;;(本地測試第三方包中模塊、組件是否可用)
1. app.module.ts中導入第三方包的模塊文件
// 配置app.module.ts
imports: [ZeroModule]

2. app.component.html中使用第三方包的ButtonComponent組件
<zm-buttom></zm-button>

3. 瀏覽器訪問localhost:4201

第四步:發布第三方包;;;(npm測試無問題,發布)
1. 構建npm包
// 切換至第三方包根目錄下
cd projects/zero
// 構建
ng build zero


2. 發布至npm官網
// 需要登錄(npm login),有自己的npm賬號
npm publish

第五步:使用第三方包;;;(別的項目使用自己新建發布的NPM包)
1. 項目中安裝
npm install zero@latest --save
2. 在需要使用NPM包的模塊中引入NPM包模塊
imports: [ZeroModule]
3. 在組件中使用即可
<zm-button></zm-buttom>