在本地测试您自己的包裹的不同方法:相对DEPS
#网络开发人员 #教程 #node #npm

在本文中,我们将探讨一个实用解决方案,用于在本地测试您的软件包,而无需将其发布给生产和冒险。
通过利用relative-deps的力量,我们可以在开发过程中轻松将我们的库与项目联系起来,从而确保一切都无缝地工作而不会影响生产环境。让我们潜入并发现这种有用的工具如何简化我们的测试过程并使我们的编码体验更加愉快。

这是一系列文章的一部分:

  1. Linking local files
  2. npm link
  3. npm yalc
  4. Verdaccio
  5. 相对deps

相对深度

官方描述说:从本地结帐中安装依赖项,并保持它们的同步,而无需npm link的限制。

想象您正在从事您的很棒的项目,并且您需要检查您的 fancy Library 是否可以与您刚刚进行的新更改一起工作,但没有发布并将更改推向产品。您不想在生产中进行测试,对

我已经覆盖了你; 相对Deps 抢救!

使用relative-deps,您可以在本地开发和测试的同时将库与项目的相对路径联系起来,以确保您不会在产品中脱颖而出。

此软件包非常易于使用且易于设置。让我开始!

像以前的文章一样,我们具有以下文件夹结构:

tree view of the project folders

/my-awesome-project
/my-fancy-library

安装相对Deps

在项目的根(my-awesome-project)中,您需要安装relative-deps

npx relative-deps init

运行此脚本将安装relative-deps,添加prepare脚本并初始化一个空的relativeDependencies部分。

{
  "name": "my-awesome-project",
  "scripts": {
    ...
    "prepare": "relative-deps"
  },
  "devDependencies": {
    "relative-deps": "^1.0.7"
  },
  "relativeDependencies": {},
}

在更改花式库中的某些内容后,您将使用prepare脚本。这将通过您的库中的最新更改来更新项目。

将您的库作为相对依赖性添加

现在,您需要将库作为项目的相对依赖性添加。您可以通过运行以下命令来执行此操作:

npx relative-deps add ../my-fancy-library

运行此命令后,您会看到relativeDependencies部分已随着通往库的路径而更新。

{
  "name": "my-awesome-project",
  "scripts": {
    ...
    "prepare": "relative-deps"
  },
  "devDependencies": {
    "relative-deps": "^1.0.7"
  },
  "relativeDependencies": {
    "@ks/my-fancy-library": "../my-fancy-library"
  },
}

已经准备好了! ð现在您可以开始在项目中使用库,就好像它是在您刚刚进行的最新更改中发布的,而无需将其发布给产品。

更新您的库

更改库后,您需要通过最新更改来更新项目。
为此,您需要在库中运行build脚本,然后在项目中运行prepare脚本。

npm run prepare

这将通过您的库中的最新更改来更新您的项目。你看过它有多快吗? â€

消除依赖性

如果要从项目中删除库,只需删除relativeDependencies部分和devDependencies部分中创建的条目。也删除prepare脚本,您很高兴。


总而言之,relative-deps为本地包装测试提供了一种直接有效的解决方案。通过允许我们使用相对路径将库与项目联系起来,它消除了发布和部署生产更改的需求。凭借其快速的更新过程,它被证明是可用的最佳选择之一。拥抱relative-deps可以大大增强我们的开发工作流程,确保无缝集成并防止生产环境中的潜在问题。

尝试一下,并体验其带来的便利和速度,使您的包装测试努力。

𧗻快乐编码!

有用的链接