”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 修复包依赖关系

修复包依赖关系

发布于2024-07-31
浏览:740

Fixing Package Dependencies

Embroider 和 pnpm 都要求包正确声明其依赖项:如果使用则列出依赖项(当且仅)。

在使用yarn@v1的大型单一存储库(考虑具有许多Ember插件和Node包的Ember应用程序)时,这是很难做到的。开发人员可能会忘记更新 package.json,因为即使缺少依赖项,Ember 应用程序也可以构建和运行,只要从另一个包中拉入即可。

因此,构建和运行都无法告诉我们某些包是否未正确声明其依赖项。我们还能如何修复 package.json 以便引入 Embroidery 和 pnpm?

1.静态代码分析

给定一个文件,我们可以看到应该存在哪些依赖项,因为我们知道 JavaScript 和 Ember 是如何工作的。

例如,要显示 JavaScript(或 TypeScript)文件,

import { setupIntl } from 'ember-intl/test-support';
import { setupRenderingTest as upstreamSetupRenderingTest } from 'ember-qunit';

export function setupRenderingTest(hooks, options) {
  upstreamSetupRenderingTest(hooks, options);

  // Additional setup for rendering tests can be done here.
  setupIntl(hooks, 'de-de');
}

从导入语句中我们可以看出该包依赖于 ember-intl 和 ember-qunit。

并且,如果要显示模板文件,

{{page-title "My App"}}



{{outlet}}

我们对 Ember 及其插件生态系统的了解分别引导我们到 ember-page-title、ember-welcome-page 和 ember-source。即使事情是隐式的(例如双花括号中的歧义、模块解析、服务注入),由于 Ember 强大的约定,我们也可以高精度地猜测资产的来源。

2. 代码修改

不过,我们不应该手动检查每个包中的每个文件。这既耗时又容易出错。

相反,我们使用@codemod-utils编写一个codemod(实际上是一个linter)。对于每个包,codemod 都会解析相关内容并创建应该存在的依赖项列表(“实际”)。然后,它将列表与 package.json 中的列表进行比较(“预期”)。

要分析隐式代码,需要有一个已知资产列表(一次性创建),它将我们想要考虑的每个包映射到其资产。我们可以使用 Map 来记录这些信息。

const KNOWN_ASSETS = new Map([
  [
    'ember-intl',
    {
      helpers: [
        'format-date',
        'format-list',
        'format-message',
        'format-number',
        'format-relative',
        'format-time',
        't',
      ],
      services: ['intl'],
    },
  ],
  [
    'ember-page-title',
    {
      helpers: ['page-title'],
      services: ['page-title'],
    },
  ],
  [
    'ember-welcome-page',
    {
      components: ['welcome-page'],
    },
  ],
]);

现在,由于 Ember 的工作原理,对导入语句的简单分析可能会导致误报。举个例子:

import Route from '@ember/routing/route';
import fetch from 'fetch';

当我们不提供正确的上下文时(即此代码适用于 Ember),codemod 会将 @ember/routing 和 fetch 视为依赖项,而不是 ember-source 和(可能)ember-fetch。 codemod 应该以一种我们可以轻松检查误报的方式呈现其分析。

// Results for my-package-37

{
  missingDependencies: [
    'ember-asset-loader',
    'ember-truth-helpers'
  ],
  unusedDependencies: [
    '@babel/core',
    'ember-auto-import',
    'ember-cli-babel'
  ],
  unknowns: [
    'Services - host-router (addon/routes/registration.ts)',
  ]
}

3. 结果

我(几天内)构建的 codemod 在 49 秒内分析了包含 129 个包的生产存储库。总共有 12,377 个文件,但 codemod 只知道分析其中的 6,013 个(不到一半)。平均每个文件 0.008 秒,每个包 0.38 秒!

要了解有关编写 codemod 的更多信息,请查看 @codemod-utils 的主要教程。

版本声明 本文转载于:https://dev.to/ijlee2/fixing-package-dependencies-5557?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 在 Go 中使用 WebSocket 进行实时通信
    在 Go 中使用 WebSocket 进行实时通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要一种比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSoc...
    编程 发布于2024-12-23
  • 如何在同一目录中组织一个库和 CLI 的 Go 项目?
    如何在同一目录中组织一个库和 CLI 的 Go 项目?
    在多包项目中组织代码在同时需要库和命令行界面 (CLI) 的 Go 项目中,经常会遇到以下问题在同一目录中有多个包。这样的项目结构:whatever.io/ myproject/ main.go myproject.go包 main 和 func main 对...
    编程 发布于2024-12-23
  • 如何在 Android 中选择后保持 ListView 项目突出显示?
    如何在 Android 中选择后保持 ListView 项目突出显示?
    如何在 Android 中选择后保持 ListView 项目突出显示在 Android 中,维护 ListView 项目的选定状态可以通过提供以下功能来增强用户体验:当前选择的清晰视觉指示器。然而,有时开发人员会遇到这样的问题:所选项目在某些事件(例如滚动或与 ListView 进一步交互)后失去突...
    编程 发布于2024-12-23
  • 如何使用自定义 CSS 在 Bootstrap 3 中创建全高列?
    如何使用自定义 CSS 在 Bootstrap 3 中创建全高列?
    Bootstrap 3 全高列:自定义 CSS 解决方案简介:创建Twitter Bootstrap 3 的全高布局可能具有挑战性。虽然Bootstrap的原生类不支持此功能,但可以使用自定义CSS来实现此效果。自定义CSS方法:设置100% 高度:将 body、container 和 row 元素...
    编程 发布于2024-12-23
  • 除了“if”语句之外:还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    除了“if”语句之外:还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换,使您能够在条件语句中直接使用其实例“t”。然而,这种显式转换提出了一个问题:“t”在哪里可以在不进行强制转换的情况下用作 bool?上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句:if、whi...
    编程 发布于2024-12-23
  • 如何在不使用链接的情况下向 Span 元素添加工具提示?
    如何在不使用链接的情况下向 Span 元素添加工具提示?
    向不带链接的 Span 元素添加工具提示将鼠标悬停在 span 元素上时,通常需要向用户提供附加信息。这可以使用工具提示来实现,而不依赖于链接。解决方案:要使用内置 HTML 属性将工具提示添加到 span 元素,只需按如下方式使用 title 属性:<span title="My ...
    编程 发布于2024-12-23
  • 为什么我的 WebSocket 服务器在 Docker 化后无法连接?
    为什么我的 WebSocket 服务器在 Docker 化后无法连接?
    Docker化 WebSocket 服务器问题开发人员在尝试使用 Docker 容器化 WebSocket 服务器时遇到问题。服务器代码使用“connected”写入新连接,并且在容器外运行良好,但当放置在 Docker 容器内时,客户端会由于“连接重置”错误而出现恐慌,并显示错误消息“read t...
    编程 发布于2024-12-23
  • 如何修复 macOS 上 Django 中的“配置不正确:加载 MySQLdb 模块时出错”?
    如何修复 macOS 上 Django 中的“配置不正确:加载 MySQLdb 模块时出错”?
    MySQL配置不正确:相对路径的问题在Django中运行python manage.py runserver时,可能会遇到以下错误:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library/Python/2.7/site-...
    编程 发布于2024-12-23
  • Python中如何导入同目录或子目录中的类?
    Python中如何导入同目录或子目录中的类?
    在Python中从同一目录或子目录导入类在Python中,您可以通过以下方式从同一目录或子目录中的文件导入类利用 __init__.py 文件。该文件是一个空占位符,指示该目录包含模块和包。从同一目录导入从与 main 相同的目录中的文件导入类.py,在该目录中创建一个 __init__.py 文件...
    编程 发布于2024-12-23
  • 为什么C90中函数名可以用作函数指针?
    为什么C90中函数名可以用作函数指针?
    使用函数名称作为函数指针C90 的基本原理文档深入了解了将函数名称与函数指针等同的设计选择。这种便利简化了在特定上下文中使用函数指针的过程。函数声明考虑声明:int f(); int (*pf)();函数调用以下所有表示有效的函数调用:(&f)(); f(); (*f)(); (**f)()...
    编程 发布于2024-12-23
  • 如何在 Python 中使用多个单词边界分隔符将字符串拆分为单词?
    如何在 Python 中使用多个单词边界分隔符将字符串拆分为单词?
    使用多个单词边界定界符将字符串拆分为单词处理文本数据时,常见的任务是将字符串拆分为单个单词。 Python 的 str.split() 方法提供了一个简单的解决方案,但它仅支持单个分隔符作为其参数。在处理包含多种类型的单词边界(例如标点符号)的文本时,此限制可能会成为障碍。Python re 模块提...
    编程 发布于2024-12-23
  • 如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现,该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户: FROM USERS ...
    编程 发布于2024-12-23
  • 为什么 Selenium 在 Chrome 中定位元素时会抛出“NoSuchElementException”?
    为什么 Selenium 在 Chrome 中定位元素时会抛出“NoSuchElementException”?
    "NoSuchElementException" for Chrome with SeleniumIssue尝试在 Chrome 上使用 Selenium 与 QWOP 交互时,始终出现错误消息: selenium.common.exceptions.NoSuchElementE...
    编程 发布于2024-12-23
  • 为什么Java中的静态方法不能是抽象的?
    为什么Java中的静态方法不能是抽象的?
    为什么Java中静态方法不能是抽象的在Java编程中,静态方法不能是抽象的。抽象方法意味着该方法有声明但没有实现,将其留给子类来提供功能。但是,无论是否创建对象实例,静态方法本质上都与类本身相关联。以下示例演示了抽象静态方法的问题:abstract class foo { abstract ...
    编程 发布于2024-12-23
  • 如何将 Qt 调试输出重定向到文件?
    如何将 Qt 调试输出重定向到文件?
    重定向 Qt 调试输出调试 Qt 应用程序时,大量的 qDebug() 和相关语句可能会因过多的调试输出而使控制台变得混乱。对此,开发人员经常寻求一种跨平台的方法来将此输出重定向到文件。Qt方式:qInstallMessageHandlerQt提供了更方便的处理方法使用 qInstallMessag...
    编程 发布于2024-12-23

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3