angular - NX Angular 多个同名库

Question

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

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

Error: Project name already exists.

我需要像 books-overview 这样的库命名吗？然后我将创建以下库:libs/books/books-overview。 books 是多余的，因此它似乎不是最佳选择。

Answer 1

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

您可以在文件夹 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",
...

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