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

当我的Angular 5应用程序部署到Cloud Foundry时，该过程会在dist文件夹中生成一个应用程序编号版本文件，其中只包含版本号（例如“1.0.0”）

---

我的任务是在应用程序导航栏的HTML中显示这个版本号。我的问题是，如何在我的开发环境中本地执行类似的操作（在每次构建时在我的dist中生成一个文件），然后如何在HTML组件中显示该文件中的文本？我真的不在乎我的本地开发环境在版本文件中有什么，因为它在CloudFoundry上构建时会被覆盖，我只在本地使用它，以便在开发过程中读取和显示一个值，以确保它正常工作。

您可以在app/src下的任意位置添加该文件，然后在.angular-cli.json->assets->添加该数组的路径（在构建时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"
      ],
    }
 ]
...

||src
|___应用程序
|___web.config
|___app-number-version.ts
...
“应用程序”：[
{
“根”：“src”，
“outDir”：“dist”，
“资产”：[
“资产”，
“app number version.ts”，谢谢。这非常有效。为了阅读它，我用文件路径调用了http.get，而不是响应类型为“text”的URL，现在可以获取内容了。完美@Andy！！很高兴听到这个消息