用于以下web组件的版本：

const { version } = require('../package.json')

class Widget extends HTMLElement {

  constructor() {
    super()
    this.attachShadow({ mode: 'open' })
  }

  public connectedCallback(): void {
    this.renderWidget()
  }

  public renderWidget = (): void => {
    this.shadowRoot?.appendChild(this.setPageTemplate())
    this.setAttribute('version', version)
  }
}

我发现的最精简的方法：

const { version } = JSON.parse(fs.readFileSync('./package.json'))

如果您的应用程序是使用npm start启动的，您只需使用：

process.env.npm_package_version

有关详细信息，请参阅package.json vars。

如果您想获取目标包的版本。

import { version } from 'TARGET_PACKAGE/package.json';

例子：

import { version } from 'react/package.json';

我知道这不是OP的意图，但我只是不得不这样做，所以希望这对下一个人有所帮助。

如果您在CI/CD过程中使用docker compose，您可以通过这种方式获得它！

version:
  image: node:7-alpine
  volumes:
    - .:/usr/src/service/
  working_dir: /usr/src/service/
  command: ash -c "node -p \"require('./package.json').version.replace('\n', '')\""

对于图像，可以使用任何节点图像。我用阿尔卑斯山因为它是最小的。

一个安全的选项是添加一个npm脚本，该脚本生成一个单独的版本文件：

"scripts": {
    "build": "yarn version:output && blitz build",
    "version:output": "echo 'export const Version = { version: \"'$npm_package_version.$(date +%s)'\" }' > version.js"
  }

这将输出包含以下内容的version.js：

export const Version = { version: "1.0.1.1622225484" }