从 package.json 文件中提取版本号以在 Web 应用程序中显示给用户

Question

我的任务是在 React 网络应用程序中向 UI 添加版本号。由于我的 package.json 文件确实包含版本号，是否可以将该值用作我的应用程序中的变量？我尝试导入 package.json 但这不起作用。我不确定我应该如何在网络应用程序中处理这个问题，任何建议都会有所帮助。这是我的 package.json 版本号所在的开头：

{
  "name": "emr",
  "version": "1.0.0",
  "description": "Reliant EMR",
  "main": "index.js",
...

我试过像这样导入 package.json：

import React, { Component } from "react";
import { connect } from "react-redux";
import { Version } from "../../../package.json"

我一开始只是试图从版本中获取值

console.log(Version.version)

Answer 1

在这种情况下，您不需要 {}。 Version 未导出。只需删除括号并使用

import Version from "../../../package.json";

从 package.json 文件中提取版本号以在 Web 应用程序中显示给用户

Abstracting a version number from a package.json file to be displayed to users in a web app

version

reactjs

package.json