aurelia - 无法在我的 Aurelia 应用程序中加载卸载样式

Question

我需要一个解决方案来在我的 Aurelia 应用程序中加载/卸载样式。这是因为我的“公共”根应用程序有一个特殊的 main.css，而“私人”（管理员）根应用程序有另一个 admin.css。（是的，我的应用中有 2 个根）。这些 css 彼此不是compatible一体的。

我找到了一个名为aurelia-useable-style-loader的插件。我尝试按照自述文件中的说明将其集成到我的 Aurelia 应用程序中。在运行时，我可以在控制台中看到[aurelia-useable-style-loader] begin configure和 [aurelia-useable-style-loader] end configure，但未加载/卸载 css 文件。所以出了点问题，我不知道是什么。

我指出的一件事是我的 Aurelia 应用程序基于 Aurelia CLI / Typescript / SystemJS 作为捆绑程序。虽然该插件基于 Webpack。也许2不兼容？

我做的步骤：

• npm install aurelia-useable-style-loader
• 然后使用 main.ts 中的插件：

  aurelia.use.plugin('aurelia-useable-style-loader');

• 然后在我的 aurelia.json 中添加了一个引用：

  "aurelia-useable-style-loader",

仅此而已。在运行时，没有特别的错误，但没有加载/卸载 css。

任何帮助是极大的赞赏。

PS：作为一种解决方法，我以不同的方式进行（见下文）但我很想用插件aurelia-useable-style-loader来做

this.masterStyleSheetLoaded = true;
this.httpClient.fetch('./src/css/main.css')
   .then((data) => data.text())
   .then((styles) => {
        DOM.injectStyles(styles, null, null, 'masterStylesheet');
        this.masterStyleSheetLoaded = true;
   });

标签： aurelia