- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想知道在 Angular 中使用库而不是模块有什么好处,正如 nx.dev 建议的 monorepo 架构。
我理解 npm 可发布功能的好处,例如另一个 repo 将使用的接口(interface),但为什么我要从与业务相关的功能(例如主页)中创建一个库:
myorg/
├── apps/
│ ├── todos/
│ └── todos-e2e/
├── libs/
├── todos/
├── home/ <-- why nx recommends making a library here?
├── src/
├── lib/
├── home.component.html/ts/scss
├── home.module.ts
├── tools/
├── README.md
├── workspace.json
├── nx.json
├── package.json
而不是
myorg/
├── apps/
│ ├── todos/
[...]
├── home/ <-- just a simple lazy loaded module here
├── home.component.html/ts/scss
├── home.module.ts
│ └── todos-e2e/
├── libs/
├── tools/
├── README.md
├── workspace.json
├── nx.json
├── package.json
└── tsconfig.json
最佳答案
NX 建议您将超过 90% 的代码放在库中,这些库的目的不仅仅是在我们可以创建的不同应用程序之间共享代码即使代码未共享也是一个库,并且仅将应用程序文件夹用于路由和环境等配置。
我们不得不提到将代码分成小单元(库)的好处,您可以单独测试和构建它们。
所以在你的情况下,它可以是一个可以延迟加载到你的应用程序中的库,它可以管理它自己的路由,这里是从他们的书中获取的库类型列表
功能库:开发人员应将功能库视为为应用程序中的特定业务用例或页面实现智能 UI(带有注入(inject)服务)的库。
UI 库:UI 库仅包含表示组件。
数据访问库:数据访问库包含用于与后端系统交互的服务和实用程序。它还包括与状态管理相关的所有代码。
实用程序库:实用程序库包含许多库和应用程序使用的通用实用程序和服务。
当您看到所有这些类型的库时,您就会明白这个想法是在库中拥有最大的代码,而不是在应用程序中。
当 Victor Savkin 谈到 libs 时,我邀请您查看此内容
关于angular - Angular 库与 monorepo 中的 Angular 模块的优势? NX架构,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60186268/
关闭。这个问题是opinion-based .它目前不接受答案。 想改善这个问题吗?更新问题,以便可以通过 editing this post 用事实和引文回答问题. 去年关闭。 Improve th
想要从 nx 10 工作区移动到 12 而不离开角度 10。 nx migrate latest 但是升级也会默认升级 angular。 我搜索了 https://nx.dev/previous/an
我只是想知道为 monorepo 设置配置 codecov 的最佳方法是什么。例如,假设我的 monorepo 下有包 A 和 B。我目前使用 codecov 的方式是使用 github 操作 cod
我的 monorepo 中有以下文件结构 📦monorepo ┣ 📂node_modules ┣ 📂packages ┃ ┣ 📂package-1 ┃ ┃ ┗ 📜jest.confi
我有一个根据本教程设置的 monorepo:tutorial . 该项目由一个包含三个包的主文件夹 (series4) 组成,这三个包专注于 web、移动应用程序和通用代码 - 它们分别命名为 web
随着前端工程日益复杂,某些业务或者工具库通常涉及到很多个仓库,那么时间一长,多个仓库开发弊端日益显露,由此出现了一种新的项目管理方式——Monorepo。本文主要以 Monorepo 的概念、M
Canvas简历编辑器-Monorepo+Rspack工程实践 在之前我们围绕Canvas聊了很多代码设计层面的东西,在这里我们聊一下工程实践。在之前的文中我也提到过,因为是本着学习的态度以及对技术
我一直在网上搜索解决方案,但没有找到任何有值(value)的东西。基本上,我正在寻找一种工具或某种方式来同时在多个目录中启动 TypeScript 文件监视/编译。 我有一个带有作用域 NPM 包(@
假设我对 Javascript monorepo 有以下限制 -- module a package.json -- module b package.json package.json
在 monorepo 中,如果您在一个包中有依赖项,您可以在另一个包中使用该依赖项而不将其添加到该包中吗?为了更清楚,请检查以下布局。 Project |-packages |-
在我们的项目中,我们在整个公司中使用了多个 monorepos。问题是,例如我们有 monorepo-A 和 monorepo-B,而 monorepo-B 使用来自 monorepo-A 的组件(这
当 monorepo 中的包具有对等依赖项时,在开发过程中应该如何使这些依赖项对它们可用? 例如 /packages/namespace/alpha/ 的包裹可能有 devDependency的 st
关闭。这个问题需要多问focused 。目前不接受答案。 想要改进此问题吗?更新问题,使其仅关注一个问题 editing this post . 已关闭 5 年前。 Improve this ques
我们最近决定从 TFVC 迁移到 Git,我正在努力寻找设计新 Git 架构的最佳方法。 我们的代码由独立但紧密耦合的模块组成,让我们看看以下项目: CommonLib1 CommonLib2 App
在 monorepos 中是否有使用版本标签的标准? 1.0.0-myapp1 和 2.1.0-myapp2 是否可以接受?还是有另一种方法来区分应用程序之间的版本? 最佳答案 tags被组织在目录和
我们想在库和我们的应用程序中使用 @emotion/react 中的 useTheme 我们正在使用:-react-native-web-nx 单体仓库- native react 这是我们的结构
我有一个使用 lerna 和 yarn 工作区的 monorepo 用于前端应用程序和库。我在根 package.json 中添加了一系列 npm 脚本,以管理每个包(应用程序、库、插件),就像本文末
我们有一个代码库已经被多个项目堵塞了——所以它现在是一个单一代码库。 我们需要将多个文件夹连同它们的历史一起分解成新的存储库。即: Current repo "Monorepo" folders:
我正在开发一个由多个 git 存储库组成的项目。有多个微服务、一个前端、一些 npm 包和网关容器等。 由于我经常遇到这样的问题,即对于新功能,我必须更改多个存储库中的代码,我会在很多 pull 请求
我在 GitLab 中有一个使用 Feature Branch 方法的 monorepo。 我想要实现的是启动与包含更改文件的目录相关联的管道部分。所以我的 .gitlab-ci.yml 看起来像:
我是一名优秀的程序员,十分优秀!