我正在使用create-react应用程序，在执行react应用程序时，我没有process.env.npm_package_version可用。

我不想在我的客户端代码中引用package.json（因为向客户端暴露了危险的信息，比如包版本），也不想安装另一个依赖项（genversion）。

我发现我可以通过在package.json中使用$npm_package_version来引用package.jsn中的版本：

"scripts": {
    "my_build_script": "REACT_APP_VERSION=$npm_package_version react-scripts start"
}

现在，版本始终遵循package.json中的版本。

有两种检索版本的方法：

需要package.json并获取版本：

const { version } = require('./package.json');

使用环境变量：

const version = process.env.npm_package_version;

请不要使用JSON.parse、fs.readFile和fs.readFileSync，也不要使用其他npm模块，这不是这个问题所必需的。

我们可以通过两种方式从package.json中读取版本或其他密钥

1-使用require并导入所需的密钥，例如：

const version = require('./package.json')

2-使用文档中提到的package_vars

process.env.npm_package_version

我使用查找同步来执行此操作：

var findup = require('findup-sync');
var packagejson = require(findup('package.json'));
console.log(packagejson.version); // => '0.0.1' 

您可以使用项目版本包。

$ npm install --save project-version

Then

const version = require('project-version');

console.log(version);
//=>  '1.0.0'

它使用process.env.npm_package_version，但如果由于某种原因缺少env-var，则回退到package.json中编写的版本。

如果使用rollup，可以使用rollup插件替换插件来添加版本，而无需向客户端公开package.json。

// rollup.config.js

import pkg from './package.json';
import { terser } from "rollup-plugin-terser";
import resolve from 'rollup-plugin-node-resolve';
import commonJS from 'rollup-plugin-commonjs'
import replace from 'rollup-plugin-replace';

export default {
  plugins: [
    replace({
      exclude: 'node_modules/**',
      'MY_PACKAGE_JSON_VERSION': pkg.version, // will replace 'MY_PACKAGE_JSON_VERSION' with package.json version throughout source code
    }),
  ]
};

然后，在源代码中，您可以在任何需要package.json版本的地方使用字符串“MY_package_json_version”。

// src/index.js
export const packageVersion = 'MY_PACKAGE_JSON_VERSION' // replaced with actual version number in rollup.config.js