javascript - 在产品模式下构建时如何以 Angular 显示 package.json 中的版本

Question

当我尝试以 Angular 方式在本地(开发模式)中显示 package.json 中的版本时，我能够做到这一点。例如

import {version} from '../../package.json';
const VERSION = `${version}-a.a.a-b.b.b`;

但是，在产品模式下，当我尝试执行相同操作时，版本值显示为“[Object object]-a.a.a-b.b.b”。相反，如果

const VERSION = ${version};

VERSION 值正确显示为“1.0.0”。当应用程序以生产模式构建时，当我尝试将 package.json 中的版本值附加到 app.module.ts 中的字符串时，会出现此问题。

我尝试从 package.json 检查 typeof 版本，它返回字符串。

我需要以 Angular 显示在 prod 模式下附加到 app.module.ts 中的字符串值的 package.json 中的版本。请帮忙。谢谢

Answer 1

您可以使用environment.ts 文件来实现这一点。试试这个

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

export const environment = {
    VERSION: version,
};

您现在可以使用环境了。 VERSION 在您的应用程序中不断使用。