问题标签 [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.
reactjs - 如何在 nxWorkspace 中的 react 和 react-native 之间使用共享资产
我有一个带有 React、React-Native 和 Nodejs 的 nxWorkspace。我创建了一个共享资源库以在 React 和 React Native 之间使用。我可以将它与 React 一起使用,但我不知道如何在 React-Native 中使用它。我也看过文档和 youtbue 视频,但它们都与 React 或 Angular 一起使用。
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
angular - 如何在 NX Monorepo 上忽略受影响命令中的库?要不就
我正在开发一个带有几个小库的 Angular/Nestjs monorepo。一切都按预期工作,但仅针对一种情况。
有两个根库仅用于测试(单元和集成)。一个是 Angular Lib,另一个是 NestJS Lib。
这些库包含生成不同接口、实体等对象的辅助函数。
我想忽略该 Lib 上的更改,因为大多数更改只是添加新的辅助函数。(当旧功能发生变化时,导入这些接口的“真实”库将被标记为受影响)。
我想防止这种情况,当开发人员在那里添加一个新函数进行测试时LibraryA
,谁会从那里导入函数TestingLibrary
被标记。affected
LibraryB
这可以做到吗?
angular - Angular/Nest.js 应用程序的 Nx 工作区库结构
我正在为带有 Nest.js 后端的 Angular 应用程序设置一个新的 Nx 工作区。对于前端,不会只有一个应用程序,而是多个变体,例如每个客户的样式不同,功能略有不同。
在工作区中构建的常用方法libs
是,在顶层设置后端(api)和前端(客户端)文件夹,并在内部设置功能,例如:
基本上,我们将后端和前端代码分开。
这也有意义吗,或者有什么好的理由不将每个功能的后端和前端分组?例如:
很可能,最终我是否保持后端和前端的每个功能的库一致并不重要,但不知何故,将一个功能的所有内容放在一个屋檐下对我来说感觉更好。
client
尽管如此,也会有客户端或 api 的库不属于任何功能,因此api
在libs
.
感谢您对此的任何想法和最佳实践的提示。
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
?
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
非常感谢您的帮助!