无需发布到NPM，如何从GitHub直接引入Angular库到Angular项目

步骤1：编译并准备Angular库 #

• 在my-lib仓库根目录执行编译命令，生成可安装的库文件：

  ng build my-lib
  

• 进入编译后的目录，生成npm包压缩文件：

  cd dist/my-lib
  npm pack
  

  执行后会得到类似my-lib-1.0.0.tgz的包文件。
• 将这个tgz包移到仓库根目录，提交并推送到GitHub：

  mv my-lib-1.0.0.tgz ../../
  git add my-lib-1.0.0.tgz
  git commit -m "添加编译好的库包"
  git push
  

步骤2：在Angular应用中安装库 #

• 打开my-app的package.json，在dependencies中添加：

  "my-lib": "git@github.com:<github_user>/my-lib.git#main:my-lib-1.0.0.tgz"
  

  替换<github_user>为你的GitHub用户名，main为仓库主分支名，my-lib-1.0.0.tgz为你生成的包文件名。
• 执行安装命令：

  npm install
  

步骤3：验证导入 #

现在可以在app.module.ts中正常导入库：

import { MyLibModule } from 'my-lib';

@NgModule({
  imports: [
    // 其他模块
    MyLibModule
  ]
})
export class AppModule { }

替代方案：直接安装仓库中的dist目录 #

如果不想生成tgz包，可将dist/my-lib的内容单独提交到一个dist分支，然后在my-app的package.json中指定：

"my-lib": "git@github.com:<github_user>/my-lib.git#dist"

执行npm install即可直接拉取编译好的库文件。

内容的提问来源于stack exchange，提问作者CRIS