如何为aurelia对话框插件加载外部CSS文件?
我正在使用TypeScript 2+将aurelia对话框插件集成到aurelia CLI项目中 我想通过将插件使用的默认CSS替换为来自SASS文件的我自己的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
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(“”)代码>看起来在上一节课上就这个话题进行了有趣的讨论