如何添加对生成的样式的引用。[hash].css文件在Angular 7中

我有一个Angular 7项目，它在prod build中生成样式[hash].css文件

我的一个组件中有一个iframe，它加载同一个项目中定义的静态html文件（不是角度组件，只是普通的静态html）

我想在iframe中加载的静态html文件中重用项目的样式。有没有办法知道styles.css文件的名称，该文件是作为产品构建的输出在dist文件夹中生成的

我正在使用

ng build--aot--prod--stats json

这将生成一个stats.json文件，其文件名位于字段assetsByChunkName中

"assetsByChunkName": {
        "runtime": "runtime.b2ebd3cc7f73d5966db1.js",
        "main": "main.9872f510320bbf1b0ad9.js",
        "polyfills": "polyfills.b2e1d6dfcc48e480634c.js",
        "styles": "styles.4bd3b6df7eaeb9129b4d.css"
    }

是否有一种干净的方法（可能是使用插件）在我的iframe的html文件中添加以下行，如

正在寻找一种既适用于

ng serve

又适用于angular cli产品构建的解决方案

---

注意：我想在prod文件中维护hash的好处

将“

”输出授权“：”无“，

添加到angular.json

这将从style.css中删除4bd3b6df7eaeb9129b4d

将“

”输出授权“：”无“，

添加到angular.json

这将从style.css中删除4bd3b6df7eaeb9129b4d

---

我想在prod文件中维护hash以获得好处这只是一个离题的问题，我能知道使用hash文件名的好处吗？主要是在浏览器中缓存好处。如果我没有在两个版本之间更新我的style.css，那么我的用户不需要再次获取该文件。散列是基于文件内容创建的，除非文件内容发生更改，否则将保持不变。此链接可能提供详细信息我希望在prod文件中维护哈希值以获取其好处这只是一个离题问题，我是否可以知道使用哈希文件名的好处？主要是在浏览器中缓存好处。如果我没有在两个版本之间更新我的style.css，那么我的用户不需要再次获取该文件。散列是基于文件内容创建的，除非文件内容发生更改，否则将保持不变。此链接可能提供详细信息

  "configurations": {
    "production": {
      "fileReplacements": [
        {
          "replace": "src/environments/environment.ts",
          "with": "src/environments/environment.prod.ts"
        }
      ],
      "optimization": true,
      "outputHashing": "none", // here
      "sourceMap": true,
      "extractCss": true,
      "namedChunks": false,
      "aot": true,
      "extractLicenses": true,
      "vendorChunk": false,
      "buildOptimizer": true,
      "budgets": [
        {
          "type": "initial",
          "maximumWarning": "2mb",
          "maximumError": "5mb"
        }
      ]
    }

document.querySelector('link[rel=stylesheet][href^=styles][href*=css]')?.href