Question

当我的Angular 5应用程序部署到Cloud Foundry时，该进程会在dist文件夹中生成一个app-number-version文件，该文件只包含版本号（例如＆＃34; 1.0.0＆＃34;例如）

我的任务是在应用的导航栏的HTML中显示此版本号。我的问题是，如何在我的开发环境中本地执行此类操作（在每次构建时在dist中生成文件），然后如何在我的HTML组件中显示此文件中的文本？我并不十分关心我的本地开发环境在版本文件中的含义，因为它会在Cloud Foundry上构建时被覆盖，我只在本地使用它来读取和显示值，因为我发展，以确保它的工作。

Answer 1

您可以将该文件添加到app / src下的任意位置，然后添加到.angular-cli.json - ＆gt;资产 - ＆gt;你添加该数组的路径（构建时的cli将复制它并将其添加到dist文件夹的根目录。

然后在您的代码中，您可以指向该文件并抓取您想要的任何数据，就像您通常使用项目中的其他文件一样。

这将在本地发生，当然Cloud Foundry稍后将覆盖该文件，但代码仍将指向该文件。

检查我在app-number-version.ts文件中执行的操作：

|_src  
  |___ app  
  |___ web.config  
  |___ app-number-version.ts

...
"apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "app-number-version.ts",  <=== this will get moved to the root of dist folder
        "manifest.json"
      ],
    }
 ]
...

如何在Angular 5中的dist文件夹中创建和读取文件

1 个答案: