javascript - 在 Dojo/Dijit 中动态加载 CSS？

Question

教程"Creating a custom widget"为 dijit 小部件提出了一个目录结构，其中包括“css”目录。示例中的所有其他内容都是使用 AMD 动态加载的，但不是 CSS。作者写道:

Now, with that in place, we just need to add the CSS to our head on our page, and we have a nicer looking author list!

但是，Dojo/Dijit 是否有任何机制不需要将所有可能的 CSS 内容放入 HTML HEAD 或一些聚合 CSS(导入)中？

可以简单地将节添加到标题中，但需要先检查它是否已经加载，并且可能需要等待 CSS 加载。是否有一些内置的解决方案来制作这些东西？

Answer 1

参见 http://davidwalsh.name/amd-xstyle和 https://github.com/kriszyp/xstyle#amd-plugin-loader

一个简单的用法示例，直接来自文档:

define(["xstyle!./path/to/file.css"], function(){
    // module starts after css is loaded
});

过去在将其与 Dojo 构建相结合时存在一些问题。然而，@kriszyp 现在似乎已经很好地记录了这些东西 - https://github.com/kriszyp/xstyle#building-with-amd-plugin