javascript - 难以将 xstyle 加载为 dojo 依赖项

Question

我正在尝试使用 Dojo 创建一个简单的自定义小部件，并希望使用 xstyle 加载 CSS。正在查看the reference in github ，它说我可以添加

<script src="dojo/dojo.js" data-dojo-config="async: true, deps:['xstyle/main']"></script>

然后就完成了。问题是我需要在我的 dojo 模块下安装 xstyle，但我不确定在哪里获取/安装它？

总而言之，我有这个:

<script type="text/javascript">
        var dojoConfig = {
                async: true,
                parseOnLoad: true,
                packages: [
                    {
                        name: "app",
                        location: location.pathname.replace(/\/[^/]+$/, "") + "/app"
                    }
                ],
                deps: ['xstyle/main']
            };
</script>
<script type="text/javascript" src="app/js/dojo/dojo.js"></script>

并且收到错误Cannot find .../app/js/xstyle/main.js，这是有道理的，因为我没有它，而且我不知道从哪里获取它。

我从网站下载了dojo安装，其中包括dojo、dijit、dojox和主题。 CDN好像也没有xstyle。我还尝试了kriszyp的其他方法:

<script src="xstyle/xstyle.js"></script> <!-- or use the minified xstyle.min.js -->

无济于事。我相信我会收到一些已经定义或未定义错误，具体取决于我是在道场声明之前还是之后添加它。

如果您能指出正确的方向，请告诉我!

Answer 1

因此，在进一步研究该问题后，我发现 this博客文章，其中使用了 bower安装xstyle。使用 Bower 安装后(bower install xstyle)，我能够链接到 dojo 配置中的 xstyle 包:

var dojoConfig = {
    async: true,
    parseOnLoad: true,
    packages: [
        {
            name: "app",
            location: location.pathname.replace(/\/[^/]+$/, "") + "/app"
        },
        {
            name: "xstyle",
            location: location.pathname.replace(/\/[^/]+$/, "") + "/app/bower_components/xstyle"
        },
   ]
};

这有效，我可以使用 'xstyle/css!./css/checkboxTree.css' 成功地将 CSS 加载到我的小部件中。我不确定这是否是最好的方法，但它确实有效。