如何在 Create-React-App 中访问依赖版本答案

【问题标题】：How to access the dependency versions in a Create-React-App如何在 Create-React-App 中访问依赖版本
【发布时间】：2020-11-09 18:16:23
【问题描述】：

在 create-react-app 中，我想访问 package.json 的一些属性并在浏览器中向用户显示这些属性。比如app的版本和package.json中指定的一些依赖的版本。

如何在不将整个 package.json 导入并公开给客户端的情况下访问这些属性？

【问题讨论】：

【解决方案1】：

你可以做的是：

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

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

【讨论】：

【解决方案2】：

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

解决方案 1：它的工作方式在进行解构导入时不会将 package.json 的其余内容暴露给生产包。（例如，Devchris 之前的回答）

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

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

process.env.REACT_APP_DEPENDENCIES

注意：变量必须以'REACT_APP_'开头

【讨论】：