如何为aurelia对话框插件加载外部CSS文件？

Question

我使用TypeScript 2+将aurelia-dialog插件集成到一个Aurelia CLI项目中。

我想通过将插件使用的默认CSS替换为来自SASS文件的我自己的CSS来创建对话框主题，如下所示：

export function configure(aurelia: Aurelia) {
    aurelia.use
        .standardConfiguration()
        .plugin('aurelia-dialog', (config: DialogConfiguration) => {
            config.useDefaults();
            config.useCSS(aiDialogCss);
        });            

    aurelia.start().then(() => aurelia.setRoot());
}

aiDialogCss变量必须是一个字符串，我不想手动将它嵌入到这段代码中，我更喜欢从一个单独的CSS文件中加载这个CSS字符串，这个CSS文件是从SASS编译的，并与其他CSS文件捆绑在一起。

使用TypeScript和Aurelia CLI可以做到吗？我尝试使用import aiDialogCss from "styles/ai-dialog.css!text"，但它不能编译。

Answer 1

正确的方法是在app.html中使用<require from="./your-custom.css"></require>导入自定义css，并将空字符串传递给config.useCSS('');