从React Redux中的package.json获取版本号（create-react-app）

OP EDIT：如果其他人遇到此问题：该应用程序是使用create-react-app创建的，它将导入限制在src文件夹内。但是，如果将react-scripts升级到v1.0.11，则可以访问package.json。

我正在尝试从我的应用程序中的package.json获取版本号。

我已经尝试过这些建议，但是它们都没有起作用，因为我无法从src文件夹之外访问package.json（可能是由于React，我是新来的）。移动的package.json到SRC那么意味着我不能跑npm install，npm version minor和npm run build从我的根文件夹。我试过使用，process.env.npm_package_version但是导致未定义。

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

编辑：我的文件结构是这样的：

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

因此，要从Root.js访问package.json，我将import packageJson from './../../package.json'得到以下错误：

./src/components/Root.js

找不到模块：您试图导入./../../package.json，它不在项目src /目录下。不支持src /以外的相对导入。您可以将其移动到src /中，也可以从项目的node_modules /中向其添加符号链接。

根据您的修改，我建议您尝试

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代码，以进口./package.alias.json替代./package.json。

还看一下这个问题： src目录之外的create-react-app导入限制

解决这个问题而无需导入并暴露package.json于create-react-app

要求：create-react-app版本1.1.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 config params）

注意2：.env仅在重新启动开发服务器后，才会选择对文件所做的更改

尝试这个。

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

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

我认为通过'import'或'require'软件包获取版本不是正确的。您可以在package.json中添加脚本

"start": "REACT_APP_VERSION=$npm_package_version react-app-script start",

您可以在任何js文件中通过“ process.env.REACT_APP_VERSION”获取它。

它也可以在构建脚本中使用，如下所示：

"build": "REACT_APP_VERSION=$npm_package_version react-app-script build",