Load CSS files for more complex style customizations

[weber-d]

The example for css extensions show embedded css in the payload.css property. This is okay for an simple POC. But we want to apply more complex css customizations, dynamically build with sass. So a css file in the filesystem is required to do this in a clean way.

So my question is: How can I load and apply a css file?

Already tried, not working:

"payload": {
      "url": "{extensionPath}/samples/test.css"
 }

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