0

我们需要为我们的企业设计定制 IBM Verse on prem。该文档显示了如何添加自定义的内联 css。但这对于更大的自定义是不可维护的。我想加载 css 文件，这些文件可以由 sass 生成以保持开发DRY。

我在官方文档的示例中尝试了以下内容：

[
  {
    "name": "CSS Extension Sample",
    "description": "The sample shows how to customize Verse UI",
    "title": "CSS Extension Sample",
    "extensions": [
      {
        "type": "com.ibm.verse.ext.css",
        "name": "CSS extension sample",
        "payload": {
          "url": "{extensionPath}/samples/test.css"
        }
      }
    ],
    "services": ["Verse"]
  }
]

我还对css import做了一些实验，如下所示：

"payload": {
  "css": "@import url('{extensionPath}/samples/test.css');"
 }

与文件的相应包含在manifest.json

"web_accessible_resources": ["page.js", "applications.json", "style.css"]

但test.css加载不出来。代码本身在使用内联 css 时有效：

"payload": {
  "css": ".ics-scbanner {background-color:green!important;}"
}

如何加载 css 文件而不是内联 css？

4

0 回答 0