Сложность загрузки xstyle как зависимостей dojo

Question

Я пытаюсь создать простой настраиваемый виджет с помощью Dojo и хотел бы загрузить CSS с помощью xstyle. Глядя на the reference in github, он говорит, что я могу просто добавить

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

и сделать. Проблема в том, что мне нужно иметь xstyle уже под моими модулями dojo, и я не уверен, где его установить/установить?

В общем, у меня есть это:

<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, которая имеет смысл, потому что у меня нет, и я не знаю, где, чтобы получить его.

Я загрузил доджо с сайта, который включает додзе, dijit, dojox, & темы. CDN, похоже, не имеет xstyle. Я также пробовал другой метод kriszyp:

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

не напрасно. Я считаю, что я получаю ошибку already defined или not defined, если я добавляю ее до или после объявления dojo.

Пожалуйста, дайте мне знать, если вы можете указать мне в правильном направлении!

Answer 1

Итак, после изучения вопроса, я нашел this сообщение в блоге, которое использовало bower для установки xstyle. После установки с дачей (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" 
     }, 
    ] 
}; 

Это работает, и я успешно смог загрузить CSS в мой виджет с помощью 'xstyle/css!./css/checkboxTree.css'. Я не уверен, что это лучший способ сделать это, но он работает.