问题标签 [nx-workspace]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
26 浏览

reactjs - 如何在 nxWorkspace 中的 react 和 react-native 之间使用共享资产

我有一个带有 React、React-Native 和 Nodejs 的 nxWorkspace。我创建了一个共享资源库以在 React 和 React Native 之间使用。我可以将它与 React 一起使用,但我不知道如何在 React-Native 中使用它。我也看过文档和 youtbue 视频,但它们都与 React 或 Angular 一起使用。

0 投票
1 回答
41 浏览

angular - Nx 工作区:Angular CLI 在迁移到 NX 后找不到文件路径

我正在尝试将 Angular CLI 应用程序迁移到 Nx。我的主要目标是将我的整个应用程序变成一个大型 nx 项目,然后逐渐将其拆分为小型远程应用程序和共享库

执行命令ng add @nrwl/workspace并将我的应用程序移动到应用程序//src,创建 nx.json,创建更漂亮的配置文件......我认为一切顺利,但是,我的组件进入应用程序文件夹不' t 找到任何文件路径。

我已经在 tsconfig.base.json 中创建了一个路径,但是组件仍然找不到文件路径。有没有我错过的配置?

tsconfig.base.json

组件示例 app/portal-alelo-auto/src/app/quick-search/card-detail/reissue/reissue.component.ts

0 投票
0 回答
24 浏览

angular - 如何在 NX Monorepo 上忽略受影响命令中的库?要不就

我正在开发一个带有几个小库的 Angular/Nestjs monorepo。一切都按预期工作,但仅针对一种情况。

有两个根库仅用于测试(单元和集成)。一个是 Angular Lib,另一个是 NestJS Lib。

这些库包含生成不同接口、实体等对象的辅助函数。

我想忽略该 Lib 上的更改,因为大多数更改只是添加新的辅助函数。(当旧功能发生变化时,导入这些接口的“真实”库将被标记为受影响)。

我想防止这种情况,当开发人员在那里添加一个新函数进行测试时LibraryA,谁会从那里导入函数TestingLibrary被标记。affectedLibraryB

这可以做到吗?

0 投票
0 回答
43 浏览

angular - Angular/Nest.js 应用程序的 Nx 工作区库结构

我正在为带有 Nest.js 后端的 Angular 应用程序设置一个新的 Nx 工作区。对于前端,不会只有一个应用程序,而是多个变体,例如每个客户的样式不同,功能略有不同。

在工作区中构建的常用方法libs是,在顶层设置后端(api)和前端(客户端)文件夹,并在内部设置功能,例如:

基本上,我们将后端和前端代码分开。

这也有意义吗,或者有什么好的理由不将每个功能的后端和前端分组?例如:

很可能,最终我是否保持后端和前端的每个功能的库一致并不重要,但不知何故,将一个功能的所有内容放在一个屋檐下对我来说感觉更好。

client尽管如此,也会有客户端或 api 的库不属于任何功能,因此apilibs.

感谢您对此的任何想法和最佳实践的提示。

0 投票
0 回答
15 浏览

node.js - 使用 NX 进行编剧测试

我有一个 NX 工作区,其中有一个名为my-app. 我想my-app使用 NX 控制台为应用程序运行 Playwright 测试。目前 NX 不支持 Playwright 插件,所以我根据本教程创建了一个自定义的 NX 执行器。我已经为执行者创建了必要的文件。project.json之后,我在应用程序文件中注册了自定义 e2e 命令。playwright 配置文件保留在该my-app文件夹中。

当我运行nx run my-app:e2e时,执行程序被执行,但是由于某种原因,剧作家没有启动。相反,我看到了一个错误。

在此处输入图像描述

当我在控制台中手动运行时,由剧作家触发的命令nx run my-app:e2e启动npx playwright test --config=apps/my-app/playwright.config.ts并进行必要的测试。

项目.json

执行器.json

impl.ts

模式.json

包.json

我不确定,但也许问题出在promisify?我正试着npx用它打电话。也许在这种情况下有不同的调用方式npx

0 投票
1 回答
65 浏览

tailwind-css - 如何在 Nx 工作区 Angular 库中为 Storybook 启用 Tailwind.css?

我在 Nx 工作区中创建了一个 Angular 库来提供 ui-components (ui-kit)。在这个库中,我添加了运行良好的 Storybook。现在我还想包含 Tailwind,因为组件会使用它。

我使用该nx generate @nrwl/angular:setup-tailwind --project=ui-kit --buildTarget=build-storybook命令为该库设置了顺风。该库是可构建的。

我有一个tailwind.config.js,它看起来像这样:

并添加了带有内容的 tailwind-imports.css

作为导入到preview.js库的 .storybook 文件夹中。

但是,没有顺风。

是否有任何可遵循的配方或 nx、角度、故事书和顺风的一些运行示例?

使用 nx 版本 13.8.3

非常感谢您的帮助!

0 投票
0 回答
10 浏览

nrwl-nx - 如何将另一个可导入的根级目录添加到我的 NX 工作区

我想libs在我的项目表单的根目录中添加另一个目录,应用程序可以导入该目录。在我的例子中,我在一个目录中有一组微服务,functions我希望我的一个应用程序直接从这个目录导入接口,而不是创建另一个库来保存可共享的接口。

(相信我,我已经考虑过这个决定)

在此处输入图像描述

如何修改我的边界规则以允许此目录的导入?