Как загрузить внешний CSS-файл для плагина aurelia-dialog?

Question

Я интегрирую плагин aurelia-dialog в CLI-проект Aurelia, используя TypeScript 2+.

Я хочу тематические диалоги, заменив CSS по умолчанию, который использует плагин, на мой собственный CSS из файла SASS, например так:

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, который скомпилирован из SASS и упакован как любой другой файл CSS.

Возможно ли это с помощью TypeScript и Aurelia CLI? Я пытался с помощью import aiDialogCss from "styles/ai-dialog.css!text" но это не компилируется.

Answer 1

Правильный способ будет импортировать ваши пользовательские CSS с <require from="./your-custom.css"></require> в app.html и передавая пустую строку config.useCSS('');