如何访问Create React应用程序中的依赖版本

Question

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

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

Answer 1

在create-areact应用程序上执行npm运行构建在中提供了一个生产捆绑包/生成目录。

解决方案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_"开头

Answer 2

您可以做的是：

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

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