如何访问 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_'
开头
在 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_'
开头