从包中获取版本号。React Redux中的json（创建React应用程序）

Question

OP EDIT：如果其他人遇到此问题：该应用程序是使用create react app创建的，该应用程序将导入限制在src文件夹内。但是，如果将react脚本升级到v1。0.11它确实允许您访问包。json。

我正试图从软件包中获取版本号。我的应用程序中的json。

我已经尝试过这些建议，但没有一个有效，因为我无法访问该软件包。来自src文件夹之外的json（可能是由于React，我不熟悉这个）。移动包裹。json进入src意味着我不能从我的根文件夹运行npm安装，npm版本次要，和npm运行html" target="_blank">构建。我试过使用进程。环境。npm_包_版本，但这会导致未定义。

我使用的是Jenkins，我还没有设置它来推动提交，但我唯一的想法是从GitLab中的标签获取版本，但我不知道如何做到这一点，这会给repo增加不必要的依赖性，所以我真的想找到一个替代方案。

编辑：我的文件结构如下：

--> RootAppFolder
    |--> build
    |--> node_modules
    |--> public
    |--> src
         |--> Components
              |--> Root.js
    |
    |--> package.json

所以要从Root.js访问package.json，我必须从'导入包Json。/.../.../package.json'然后我得到以下错误：

./src/components/Root。js

未找到模块：您试图导入。//包裹位于项目src/目录之外的json。不支持src/之外的相对导入。您可以将其移动到src/内部，也可以从项目的节点\ u modules/向其添加符号链接。

Answer 1

试试这个。

// in package.json
"version": "1.0.0"

// in index.js
import packageJson from '../package.json';
console.log(packageJson.version); // "1.0.0"

Answer 2

根据您的编辑，我建议您尝试：

import packageJson from '/package.json';

您也可以尝试创建一个符号链接：

# From the project root.
cd src; ln -s ../package.json package.alias.json

列出src目录的内容，您将看到符号链接。

ls
#=> package.alias.json -> ../package.json

添加。alias有助于减少他人和未来自我的“魔力”。此外，它还可以帮助文本编辑器将它们分开。以后你会感谢我的。只需确保更新JS代码以从导入即可/包裹别名json而不是/包裹json。

另外，请看一看这个问题：create-react-app-imports限制在src目录之外

Answer 3

解决这个问题，而不导入和公开package.json到create-react-app

需要：版本1.1。创建react应用程序的0

. env

REACT_APP_VERSION=$npm_package_version
REACT_APP_NAME=$npm_package_name

index.js

console.log(`${process.env.REACT_APP_NAME} ${process.env.REACT_APP_VERSION}`)

注意：可以访问该版本（以及许多其他npm配置参数）

注2：对的更改。只有在重新启动开发服务器后，才会拾取env文件