如何在我的React项目中的package.json依赖项中使用系统变量？

Question

在我的 React 项目中，我尝试使用 git URL 安装私有包。我想在 URL 中指定一个动态的分支名称。

在

package.json

文件中，当我对分支名称进行硬编码时，它工作正常。

dependencies: {
    ...
    my-package: "git+https://<git-url-of-my-package>#develop",
    ...
}

问题是当我使用变量时，它没有按预期工作。

dependencies: {
    ...
    my-package: "git+https://<git-url-of-my-package>#$BRANCH_NAME",
    ...
}

我不确定如何动态传递分支名称，我需要一些帮助来理解它。

注意：我不想使用另一个 npm 脚本安装

<my-package>

。我想使用

npm-install

将其与其他依赖项一起安装。

提前致谢。

Answer 1

检查 URL 作为依赖项，您可以指定 tarball URL

https://docs.npmjs.com/cli/v7/configuring-npm/package-json#urls-as-dependency

也检查这一点 - 在 package.json 中使用具有特定分支或提交版本的 git url 不起作用 - https://github.com/yWorks/svg2pdf.js/issues/102

Answer 2

具体操作方法如下：

1.运行npm install之前设置环境变量： 重击

导出 BRANCH_NAME=开发 npm 安装

更新您的 package.json： json

{
  "dependencies": {
    "my-package": "git+https://<git-url-of-my-package>#${BRANCH_NAME}"
  }
}

运行 npm install。

这样，$BRANCH_NAME 将在安装过程中替换为环境变量 BRANCH_NAME 的实际值。

确保在运行 npm install 之前正确设置环境变量 BRANCH_NAME。您可以根据您的需求动态调整该值。