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、dijit、dojox、&のテーマを含むWebサイトからdojoインストールをダウンロードしました。 CDNはxstyleを持っていないようです。私はまた、kriszypの他の方法を試みました：

を無駄にしました。 Dojo宣言の前後に追加するかによって、already definedまたはnot definedというエラーが発生することがあります。

私が正しい方向に向けることができるかどうか教えてください！

Answer 1

この問題をさらに詳しく調べた後、bowerを使用してxstyleをインストールしたブログポストthisが見つかりました。亭（bower install xstyle）をインストールした後、私は道場の設定で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をロードすることができています。これを行うにはこれが最善の方法かどうかはわかりませんが、うまくいきます。