加载CSS文件而不是内联CSS以获取有关Prem自定义的诗句

Question

我们需要在企业设计的定制版上自定义IBM Verse。 The documentation show如何添加自定义的内联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？