angular - 如何将 Angular 项目设置为另一个 Angular 项目的 package.json 中的依赖项

Question

我有三个不同的 Angular cli 项目(X、Y、Z)。我想将 [X] 作为父项目，同时我想将 Y 和 Z 作为 npm 包依赖项添加到 X。这意味着 [X] package.json 将包含 [Y] 和 [Z] 的依赖项，如下所示。

"dependencies": {
    "@angular/common": "^4.0.0",
    //.. other angular dependency
    "y": "1.0.1",
    "z": "1.0.3"
}

如何创建这些依赖项？

注意:现在我有 Y 和 Z 作为 X 中的延迟加载文件夹。我想将其解耦为独立的 npm 包。

Answer 1

基本上你想通过 3 个步骤完成此操作:

1. 将您的项目“y”和“z”变成一个库
2. 将该库打包到一个 npm 包中
3. 让“x”使用那个库

简而言之，您可以这样做:

1. 我强烈推荐使用 ng-packagr用于从“y”和“z”创建库。 ng-packagr 允许您将现有的 Angular CLI 项目转换为一个库。基本上你必须做五件事:

   • 安装包:npm install ng-packagr --save-dev

   • 添加具有以下内容的ng-package.json:

     {
        "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
        "lib": {
          "entryFile": "public_api.ts"
         }
     }
     

   • 将 public_api.ts 添加到您的模块导出中，即

     export * from './src/app/modules/example/example.module'
     

   • 将脚本添加到 package.json:“packagr”:“ng-packagr -p ng-package.json”

   • 运行脚本:npm run packagr

2. 通过运行 npm pack 创建 npm 包，这将生成一个 y-1.0.0.tgz 文件，其中 y 是您的项目名称，1.0.0 是您在 package.json

中设置的版本

3. 现在您可以通过运行 npm install ./relative/path/to/y-1.0.0.tgz 将它作为依赖项安装到您的项目“x”中，您就完成了!

这篇文章是基于这个 article .