如何为aurelia-dialog插件加载外部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变量必须是一个字符串，我不想手动将它嵌入到这段代码中，我宁愿从一个从SASS编译的单独的CSS文件中加载这个CSS字符串。根据任何其他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('');