如何在 Angular 17 应用程序中仅公开 package.json 版本？

Question

我有一个 package.json，其中的版本我希望能够在我的 Web 应用程序的 UI 上显示。我在导入 package.json 时遇到的问题是，它将公开 package.json 的全部内容。是否有一个干净的解决方案仅提取版本并保留其余内容不公开？这当然是出于安全原因。

我当前的方法是使用 package.json 中的版本：

{ "name": "example", "version": "0.0.1", }

并通过导入来显示它，如下所示：

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

但是，以这种方式导入版本会暴露整个文件，正如我从开发人员工具中看到的那样，您可以在我所附的图像中看到。

[在 DevTools 中公开 package.json][1] [1]：https://i.stack.imgur.com/eDV4p.png

Answer 1

在您的

environment.ts

中，添加如下属性：

export const environment = {
  version: require('../../package.json').version,
  // ...
}

根据您的喜好调整

package.json

路径，版本将如下所示：

import { environment } from 'src/environments/environment';
const version = environment.version;