NX Angular 多个同名库

Question

赏金将在 7 天后到期。 此问题的答案有资格获得+100声望奖励。 杜威正在从信誉良好的来源寻找答案。

所以我在 NX 中使用 Angular，我有以下组books和cars 。 对于这两个组，我想创建一个带有表格的overview库来查看书籍或汽车。

所以我接下来在libs/books/overview下创建了 lib 我想对汽车libs/cars/overview做同样的事情。 但后来我遇到了这个问题：

Error: Project name already exists.

我需要将库命名为books-overview吗？ 然后我将创建以下库： libs/books/books-overview 。 books是多余的，所以它似乎不是最好的选择。

Answer 1

我认为这里最好的选择是创建一个包含库的文件夹overviews 。 例如：

libs/overviews/cars

libs/overviews/books

Answer 2

文件夹名称不必与应用程序名称相同。 相反，您可以为库名称的每个破折号分隔部分创建父文件夹。

您可以在文件夹books/overview创建名为'books-overview' 。

---

以文件夹结构作为名称运行命令，它正确地决定了名称。 跑步

npx ng generate @nrwl/workspace:library --name=books/overview

将在文件夹books/overview生成图书馆'books-overview' 。

---

例如，这是我们应用程序的配置（我们也使用 nx）：

// angular.json excerpt
"api-java-model": {
  "projectType": "library",
  "root": "libs/api/java/model",
...
},
"api-java-client": {
  "projectType": "library",
  "root": "libs/api/java/client",
...

这样你就不会发生文件夹冲突。