角库束依赖关系

Question

我使用CLI创建并捆绑了一个角库(7.2.0)：

ng文库MyLibrary ng构建MyLibrary

这给了我需要的my-libary.umd.js包。

目前，所有依赖项都以peerDependencies的形式添加到库package.json中。我想要做的是实际上将一些依赖项与库(.umd)捆绑在一起。将它们添加为"dependencies“而不是"peerDependencies”似乎不起作用，我不知道有什么区别吗？

我怎么能这么做？

package.json示例，其中应该捆绑ngx。

{
  "name": "demo-plugin",
  "version": "0.0.1",
  "peerDependencies": {
    "@angular/common": "^7.1.0",
    "@angular/core": "^7.1.0"
  },
  "dependecies": {
    "ngx-spinner": "^7.1.4"
  },
  "bundledDependencies": [
    "ngx-spinner"
  ]
}

Answer 1

您想要的是将它添加到bundledDependencies

dependencies：当其他人使用您的库时，NPM会自动安装它们。这里列出的依赖关系也需要在ng-package.json ("whitelistedNonPeerDependencies")中白化。

peerDependencies：库的用户必须安装依赖项(将其添加到自己的package.json中)

bundledDependencies：在构建库时，依赖项将与库捆绑在一起。这也将捆绑所有传递依赖项。如果要停止该链，则需要添加不应该绑定到peerDependencies的依赖项。因此，例如，如果您想绑定依赖项A (它依赖于B )，那么您将得到一个与A和B的绑定，如果不希望B绑定，则将它添加到peerDependencies中。

您所拥有的每个依赖项都应该同时出现在其中一个中。因此，要绑定依赖项，需要将该依赖项添加到根的package.json (而不是库-Package.json)中。不应该做的是在库文件夹中运行npm install。如果在库文件夹中执行npm install，并且根package.json中没有捆绑的依赖项(因此根node_modules文件夹中缺少它)，则可以成功构建，但依赖项将不包含在构建中( cli可能会提示此..)。

长话短说，针对你的具体问题：

1. 从库-Package.json的“依赖项”-section中移除“ngx”
2. 删除您库中的node_modules文件夹(如果您有一个)
3. 在root-package.json中添加"ngx-spinner“作为依赖项
4. 构建库

Answer 2

我想你要找的是：https://github.com/ng-packagr/ng-packagr/blob/HEAD/docs/dependencies.md#whitelisting-the-dependencies-section

whitelistedNonPeerDependencies