Question

我有一个Angular 7项目，可以在prod版本中生成样式。[hash] .css文件。

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

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

我正在使用生成生成产品 ng build --aot --prod --stats-json

这将生成一个stats.json文件，该文件的名称位于字段assetByChunkName中。

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

是否有一种干净的方法（可以使用插件）在iframe的html文件中添加以下行，例如 <link rel="stylesheet" href="styles.4bd3b6df7eaeb9129b4d.css">吗？

寻找一种可以在ng serve和prod build的angular-cli中都可以使用的解决方案

注意：我想维护prod文件中的哈希值以获取好处

Answer 1

将"outputHashing": "none",添加到angular.json

这将从style.css，documentation

中删除4bd3b6df7eaeb9129b4d

  "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"
        }
      ]
    }

Answer 2

import pandas as pd
import pyreadstat
df, meta = pyreadstat.read_sav('./SimData/survey_1.sav')
type(df)
type(meta)
df.head()

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

2 个答案: