如何访问 Create-React-App 中的依赖版本

How to access the dependency versions in a Create-React-App

在 create-react-app 中,我想访问 package.json 的一些属性并在浏览器中向用户显示这些属性。比如在package.json.

中指定的app的版本和一些依赖的版本

我如何访问这些属性,而不导入和公开整个 package.json 给客户端?

您可以做的是:

import { version, dependencies } from './package.json';

这将在您的 js 代码中为您提供所有依赖项和 package.json 的版本。请记住,您的 package.json 文件路径可能不同。

在 create-react-app 上执行 npm 运行 build 会在 ./build 目录中提供一个生产包。

解决方案一: 它的工作方式在进行解构导入时不会将其余 package.json 内容暴露给生产包。 (例如 之前的回答)

import { dependencies } from './package.json';

方案二: 通过扩展 npm 脚本,可以读取 package.json 并将其公开到节点环境中,并在构建时从那里读取它 (https://create-react-app.dev/docs/adding-custom-environment-variables)

process.env.REACT_APP_DEPENDENCIES

注意:变量必须以'REACT_APP_'

开头