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

Question

在一个create-react-app中，我想访问package.json的某些属性，并在浏览器中向用户显示。类似于应用程序的版本以及package.json中指定的某些依赖项的版本。

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

Answer 1

您可以做的是：

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

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

Answer 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_”开头