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, & 테마가 포함 된 웹 사이트에서 dojo 설치 파일을 다운로드했습니다. CDN도 xstyle을 갖고 있지 않습니다. 나는 또한 kriszyp의 다른 방법을 시도했다 :

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

를 사용할 수 없습니다. 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를로드 할 수 있어요. 이것이 최선의 방법인지 확실하지 않지만 작동합니다.