因为项目需要实现了一个分类查找的界面，多个类别/指标之间有多级依赖关系，效果如下： 整个demo使用MVC架构。...表头右边指标的箭头动画使用UIView动画实现，点击后会判断该类下是否有内容并且避免跳级展开显示，通过delegate回调刷新列表，但是为了完整显示箭头动画，这个回调操作使用GCD来延迟执行。...收起时会收起所有小于等于该级别的分类列表 各个分类/指标使用一个自定义的Model来装载数据。...） 采用这种结构是为了方便构建多级依赖关系的树状结构，同时用一个是否有叶子节点的属性，可以用于不一定都是满树的情况。...列表及一些逻辑放在Controller内，列表、delegate等，都比较常见。
（peer dependencies），不过它的依赖项有 peer 依赖，这些依赖会在更高的依赖图中解析, 则这个传递package便可在项目中有几组不同的依赖项。...如果需要解决peerDep引入的多实例问题，可以通过 `.pnpmfile.cjs`[10]文件更改依赖项的依赖关系。...这在技术上是正确的，但逻辑上不对，例如，在 Github 上，如果作者和提交者是不同的人，它就会同时显示他们，这可能会导致导入提交时的历史/职责出现混乱。...版本的每个部分随时间或者功能进行变更： major主版本号：当你做了不兼容的 API 修改。 minor次版本号：当你做了向下兼容的功能性新增。...对于每个更改的包，按照拓扑顺序(所有依赖项在依赖关系之前): i. 如果可用[27]，运行prepublish生命周期。 ii. 运行prepare生命周期。 iii.
如下图： image.png 可以看到 .pnpm目录的实际指向的pnpm store的路径、pnpm包的版本等信息 .pnpm目录可以看到所有安装了的依赖包。.../bar/node_modules/bar@*.*.* bar的依赖包foo会被提升到.pnpm的根目录下，其他包依赖foo时也会软链接到这里 而bar和foo实际通过硬链接到.pnpm store中...还有一个巧妙的设计就是：将安装包和依赖包放在同一级目录下，即.pnpm/依赖包/node_modules下。...typescript -Dw 与安装命令pnpm add pkgname相反的的删除依赖包pnpm rm/remove pkgname或pnpm un/uninstall pkgname 4.2 安装子包的依赖...，都会同步修改到相同的版本 "linked": [], // 设置一组需要关联版本的包 有依赖关系或有修改的包会同步更新到相同版本 未修改且无依赖关系的包则版本不做变化 "access": "public
Yunzai-Bot v3云崽v3.0，原神qq群机器人，通过米游社接口，查询原神游戏信息，快速生成图片返回，2.0版本作者已经不维护啦。...安装环境安装pm2管理器，内置很多依赖。不用频繁安装依赖。打开pm2管理器，切记！！！！一定要切换版本且显示版本号才可以正常使用node。...，已安装的可以跳过npm install pnpm -g安装依赖pnpm install -P运行（首次运行按提示输入登录）node appdocker部署安装docker，我这里使用宝塔安装docker...云崽插件列表https://gitee.com/yhArcadia/Yunzai-Bot-plugins-index推荐安装锅巴插件喵喵插件AI绘图插件自动化插件常见问题显示qq版本过低由于风控原因登录会显示...运行显示报错建议检查依赖，docker一般不会出现这个问题。
第一种解决办法就是创建两个 Dockerfile， 这个方案的缺点就是指令重复(比如 pnpm 安装依赖)。另一个缺点就是如果任务之间有依赖或文件交互，那么整合起来也会比较麻烦。...Docker 允许将多个构建步骤整合在一个 Dockerfile 文件中，这个构建步骤之间可以存在依赖关系，也可以进行文件传递，还可以更好地利用缓存。...Dockerfile 中不建议放置复杂的逻辑，而且它语法支持也很有限。如果有复杂的构建需求，更应该通过 Shell 脚本或者 Node 程序来实现。.../app ENV PNPM_HOME="/pnpm" ENV PATH="$PNPM_HOME:$PATH" # 拷贝依赖声明 COPY package.json pnpm-lock.yaml /...当浏览器发起入口文件请求时，基座计算最终要返回的子应用配置列表，不同人群可能拿到的结果不一样，从而实现灰度发布功能。
而在使用 pnpm 时，依赖会被存储在内容可寻址的存储中，所以： 如果你用到了某依赖项的不同版本，只会将不同版本间有差异的文件添加到仓库。...pnpm install pnpm install 用于安装项目所有依赖....别名: i pnpm update pnpm update 根据指定的范围更新软件包的最新版本。 在不带参数的情况下使用时，将更新所有依赖关系。...命令 说明 pnpm up 遵循 package.json 指定的范围更新所有的依赖项 pnpm up --latest 更新所有依赖项，此操作会忽略 package.json 指定的范围 pnpm up...https://registry.npmmirror.com 设置项目临时镜像源 npm install --registry https://registry.npmmirror.com 常用镜像列表
例如，CLI 模块需要读取项目 Config 配置文件中的信息并解析后传递给 Plugin 插件内部使用。...Yarn Workspaces 「Yarn Workspaces」 是 Yarn 包管理器的一项强大功能，专注于优化 Monorepo 项目的依赖关系管理。...满意度 1、pnpm和Turborepo的满意度均超过90%，显示它们在用户体验和功能性方面的优势。...这就会造成「幽灵依赖」现象，导致项目的依赖关系不够清晰，给开发者带来一定困惑。...相比之下，Pnpm 的依赖树结构更符合常规认知，整个依赖关系更加透明和可控。因此，最终我们决定选择 Pnpm 作为 Monorepo 项目的依赖管理工具。
现有问题 2 工程化思考 3 优化过程 4 优化成果 5 总结 web-gateway 网关承担着文档前端的流量入口的角色，并且对文档前端这一复杂工程有很多适配性的逻辑与操作，比如编辑页的直出(SSR)与列表页重定向等操作...1.6 确定优化方向 这里可以看到项目的依赖管理存在很大的问题，如果不彻底改进可能会对后面服务的稳定性产生影响，因此必须进行优化。...{ "dependencies": { "A": "^1.0.0", "C": "^1.0.0" } } 危险性在于，如果有一天 B 依赖层级发生改变或者依赖关系发生变化，那么代码就会报错...检查所有包生产依赖有没有依赖到 @grpc/grpc-js,如有则判断版本是否超过 1.7.3, * 如超过则强行修改依赖为 1.7.3(因为不希望引到超过这个版本,超过这个版本会有 TCP...得知 readPackage 和 afterAllResolved 是拿到所有服务的依赖关系，生成了 lockfile，接着执行下载操作。这就是我们锁定间接依赖的包版本的原理啦。
package-lock.json文件字段说明 name:项目的名称; version:项目的版本; lockfileVersion:lock文件的版本; requires:使用requires来跟踪模块的依赖关系...install 过程 至此我们也可以顺带总结一下npm install的全过程 npm install先检测是有package-lock.json文件: 没有package-lock.json文件 分析依赖关系...可以查看地址) 将压缩包解压到项目的node_modules文件夹中 有package-lock.json文件 检测lock中包的版本是否和package.json中一致 不一致，那么会重新构建依赖关系...如果上面这个文件列表不够直观，大家也可以看我参考官网画的结构图 生产验证 全局安装 brew install pnpm 以我自己基于vue-cli封装的一个移动端项目vue-template为例 github...我理解的是window下也是可以使用的，pnpm 已经帮我们做了兼容，只是没有使用软链接的方案。 pnpm 常见问题 为什么使用硬链接？ 为什么不直接创建到全局存储的软链接？
扁平化依赖结构： pnpm保证了依赖树的扁平化，但同时也保持了依赖包之间的隔离，降低了版本冲突的可能性。...尤其在需要频繁交互和更新多个项目共享依赖的场景下，pnpm的优势尤为突出。...Monorepo中pnpm常用命令 安装/添加依赖： # 在所有工作区内安装全局依赖 pnpm add -w # 在单个工作区内安装依赖 pnpm add <dependency...更新所有工作区的依赖 pnpm update -w # 更新单个工作区的依赖 pnpm update -w 清理无用依赖： # 移除未在package.json中声明的依赖...pnpm prune -w # 清理缓存 pnpm cache clean 列出工作区依赖： # 显示所有工作区及其依赖关系 pnpm list -a # 显示单个工作区的依赖树 pnpm list
如：不再支持 Node.js 12、pnpm run 脚本名称后的所有命令行参数都会传递给 argv 等等，更多细节请前往如上链接的官方 release 页面查阅。...Firefox 99 中包含 Navigator.pdfViewerEnabled，用于指示浏览器是否支持 PDF 文件的内联显示。...其次，拿 Python 对比，因为经典问题“依赖地狱”的存在，导致 Python 维护人员在添加新的依赖项时要三思而后行，以免给用户带来“依赖地狱”的问题。...PS：解释一下“依赖地狱”，在 Python 中，如果你有两个依赖 A 和 B，它们又依赖于不同版本的 C(@1.0.0、@2.0.0)。...赶快把他们也抱入碗中吧～ 前端早早聊的 18 个成长宝藏库：前端早早鸟，前端早早跑 MDH 前端周刊：大厂一线 P8，Umi、Dva 等库作者 DEX 周刊[22]：关于产品、设计、前端、软件等内容的精华资讯邮件列表
所以这种依赖关系就导致了下面两个问题： 我们项目本身的node_modules结构不够直观 依赖不安全，我们可以使用依赖文件中并没有声明的npm包 其实第一点的问题并不是很大，主要是第二点可能会导致一些奇怪的问题...不过自己实操了一下发现并不是这样，即使我把b_klx或者d_klx移到最前面，被提出来的包依然是a_klx依赖的2.0.0版本，随后自己翻了一下npm的源码，发现内部其实会对拿到的依赖列表进行一些处理...pnpm的依赖管理 pnpm为了解决上述这些问题，采用了一种不同于npm/yarn的依赖管理方式。...如果我们用pnpm再来安装一遍上面的依赖，会发现项目的node_modules文件夹只有当前package.json中所声明的各个依赖（的软连接），而真正的模块文件，存在于node_modules/.pnpm...然后它不生效的原因似乎是因为libuv的bug：https://github.com/pnpm/pnpm/issues/2761，所以在copy-on-write不生效的情况下被回退到了hardlink
5、符号链接和硬链接的区别 硬链接仅能链接文件，而符号链接可以链接目录 硬链接在链接完成后仅和文件内容关联，和之前链接的文件没有任何关系。而符号链接始终和之前链接的文件关联，和文件内容不直接相关。...8、pnpm原理 pnpm使用符号链接和硬链接来构建node_modules目录 下面用一个例子来说明它的构建方式 假设两个包a和b，a依赖b： 假设我们的工程为proj，直接依赖a，则安装时，pnpm...会做下面的处理： 通过package.json查询依赖关系，得到最终要安装的包：a和b 在工程proj根目录中查看a和b是否已经有缓存，如果没有，下载到缓存中，如果有，则进入下一步 在proj中创建 node_modules...新版本的pnpm为了解决一些书写不规范的包（读取间接依赖）的问题，又将所有的工程非直接依赖，使用符号链接加入到.pnpm/node_modules 中。...如果b依赖c，a又要直接用c，这种不规范的用法现在pnpm通过这种方式支持了。但对于那些使用绝对路径的奇葩写法，可能没有办法支持。
开始 Editor.js 提供了简单而直观的用户界面，根据需求可以灵活添加自定义的编辑工具，通过插件扩展功能 Editorjs 使用 js 开发，脱离框架依赖，因此可以基于它封装富文本编辑器，用于 Vue...和 React 项目 editor-js-component 是基于 Editorjs 封装的库，通过 monorepo 管理项目，不局限框架 Demo 示例 editor-js-component...editorjs-js-component 是基于 Editor.js 封装的库，不局限框架，可以用于 Vue 和 React 项目 安装 # NPM npm install --save editor-js-component...# or Yarn yarn add editor-js-component # or Pnpm pnpm add editor-js-component 查看文档，使用 import { useEditorjs...tool-config="toolConfig" @changeData="editorChange" /> 插件 Editorjs 以模块化的方式开发，通过插件方式扩展功能，如标题、段落、列表
pnpm 文档 前言 在一个 node 项目中免不了 node_modules 依赖，假设项目 A 用的了 Express 依赖，同时项目 B 也用到了 Express，并且两者所存放的位置不同，那么磁盘空间将会多出两份...使用 pnpm 命令几乎与 npm 一样，设置配置的方式也与 npm 相同，这里不妨尝试通过 pnpm 去下载 express 依赖，打开 CMD，将路径改成你平时写 js 代码的地方，切记不要在 C...window 的硬链接，而读取的就是存放在F:\.pnpm-store\v3下的依赖。...虽然查看 node_modules 属性会发现显示的空间貌似和原始的链接所占用的空间一样，但其实是同一个位置，官方中常用问题中也有介绍到 常见问题 | pnpm，所以真不用担心磁盘空间的问题。...但我认为还是有必要尝试尝试下，不尝试，怎么能发现新大陆呢。 参考链接：关于现代包管理器的深度思考——为什么现在我更推荐 pnpm 而不是 npm/yarn? - 掘金 (juejin.cn)
package.json 设置入口 link 到全局验证测试 添加依赖 添加生产依赖 pnpm add chalk commander figlet inquirer TS 配置 安装ts 和 类型等开发依赖...安装依赖： pnpm add unbuild -D 添加配置： import { defineBuildConfig } from "unbuild"; export default defineBuildConfig...这么依赖比较麻烦，电脑换的还是比较少的，所以文件存储了。...创建一个新应用") .option("-f,--force", "强制覆盖已有项目") .action(async (_projectName, cmd) => { // 如果应用名称不规范...isValidPackageName(_projectName)) { console.log(chalk.red("应用名称不规范")); return; }
当安装依赖项时，pnpm 会在全局安装存储库中缓存所有依赖项的包。...但是，使用符号链接也可能导致某些不兼容问题，因为符号链接可能会在不同操作系统、文件系统或设备中处理不同。...针对 npm2 的两个缺点，npm3 做了更新， 不再使用嵌套的结构，而是将依赖进行展平， 这样就能解决层级依赖深和包的利用率的问题，那么上面的依赖关系就会变成下面这个样子： 在文件里看就是下面的这个样子...的依赖 pnpm 为了解决 npm3 带来的一些问题， 采用了另外一种方式来管理依赖：pnpm 的 node_modules 布局使用 符号链接 来创建依赖项的 嵌套结构。...一旦所有包都硬链接到 node_modules，就会创建符号链接来构建嵌套的依赖关系图结构。
=false一般教程都是这样配置的：shamefully-hoist=true，但本人不推荐。...关于依赖安装一般来讲，pnpm对于工作空间的依赖安装分2种，一种是普通安装，另一种是使用-w(--workspace-root)参数，它代表把依赖安装到工作空间中。...pnpm i -Sw react但如果你在某个包使用以下命令，那么react只能在这个包内被引用，其他组件不会识别到react依赖。...生产.d.ts类型描述文件一般优秀的开源组件，都会在发布时顺便发布一份类型描述文件，这样的作用：一是能友好给使用者方法引入以及参数类型提示；二是能保证组件参数传递规范。...因为commit信息不规范，所以被husky拦截了。图片8.3.4.
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
