在Dojo / Dijit中动态加载CSS?

时间:2014-06-18 14:02:11

标签: javascript css dojo amd

教程"Creating a custom widget"提出了dijit小部件的目录结构,其中包括&#css'目录。示例中的其他所有内容都使用AMD进行动态加载,而不是CSS。作者写道:

  

现在,有了这个,我们只需要将CSS添加到我们的头上   我们的页面,我们有一个更好看的作者列表!

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

可以简单地将该部分添加到标题中,但它需要先检查,如果它已经加载,并且可能正在等待加载CSS。是否有一些内置的解决方案来制作这些东西?

1 个答案:

答案 0 :(得分:2)

请参阅http://davidwalsh.name/amd-xstylehttps://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