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

如何为aurelia对话框插件加载外部CSS文件?,aurelia,aurelia-dialog,Aurelia,Aurelia Dialog,我正在使用TypeScript 2+将aurelia对话框插件集成到aurelia CLI项目中 我想通过将插件使用的默认CSS替换为来自SASS文件的我自己的CSS来设置对话框主题,如下所示: export function configure(aurelia: Aurelia) { aurelia.use .standardConfiguration() .plugin('aurelia-dialog', (config: DialogConfigur

我正在使用TypeScript 2+将aurelia对话框插件集成到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是否可以实现这一点?我尝试使用“styles/ai dialog.css!text”中的
导入辅助工具LogCSS,但无法编译。

正确的方法是在app.html中使用
导入自定义css
并将空字符串传递给
config.useCSS(“”)

看起来在上一节课上就这个话题进行了有趣的讨论