As maneiras de iniciar um aplicativo ArcGIS JS API

ReneRubalcava

<\/HEAD>

<\/P>

<\/P>

Se você está usando a ArcGIS API for JavaScript para construir um aplicativo de tamanho moderado, provavelmente está construindo-o a partir de diferentes módulos. Se esse for o caso, você provavelmente está usando uma dojoConfig padrão conforme descrito na documentação online<\/A>. O que você pode não estar ciente é que o dojoConfig global não é a única maneira de começar a festa<\/EM>.<\/P><\/P>

Nenhum caminho único verdadeiro<\/H2>Então aqui está como você pode tradicionalmente configurar seu dojoConfig para iniciar seu app.<\/P>Opção 1<\/H4>var dojoConfig = { \/\*coisas\*\/ };
require(['dependency1', 'dependency2'], function(dep1, dep2) {
  \/\* coisas incríveis de desenvolvimento web \*\/
});<\/PRE><\/P>Você também poderia adicioná-lo à tag script.<\/P>Opção 2<\/H4><script src="\/* esrijs api url *\/" data-dojo-config="isDebug:true, packages=[\/* coisas *\]"><\/script><\/PRE><\/P>Mas eu acho que isso realmente não funciona quando uma configuração maior pode ser necessária.<\/P><\/P>Esta é outra abordagem viável.<\/P>Opção 3<\/H4>require({
  packages: \/\* coisas *\/
});
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* coisas incríveis de desenvolvimento web *\/
});<\/PRE><\/P>Mas há ainda outra maneira de configurar e iniciar sua aplicação.<\/P>Opção 4<\/H4>require({
  packages: [{
     name: 'app', location: \/\*em algum lugar*\/
  }. {
    \/\* mais pacotes *\/
  }]
}, ['app']);
\/\/ app\/main.js no seu app
require(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* coisas incríveis de desenvolvimento web *\/
});<\/PRE><\/P>Como vimos em este post sobre módulos Dojo<\/A>, quando você solicita um pacote inteiro, como um diretório com Dojo, ele assume que há um arquivo main.js<\/SPAN> no diretório para esse pacote. É assim que isso funciona.<\/P><\/P>

Algumas ressalvas<\/H2>Não tenho certeza se já escrevi sobre usar ES6 para ArcGIS JS Dev, mas fiz uma apresentação sobre isso no Developer Summit mais recente. Você pode ver o vídeo aqui<\/A>. Uma das ressalvas ao usar ES6 é que transpilers, como Babel <\/A>converterão declarações import<\/SPAN> em declarações define<\/SPAN>, mas não há como obter uma declaração require. Então ainda cabe a você criar pelo menos um ponto único de entrada require para sua aplicação começar.<\/P><\/P>Então isto:<\/P>import map from 'esri\/map';<\/PRE><\/P>Se transforma nisso:<\/P>define(['esri\/map'], function(Map) { \/\*coisas*\/. });<\/PRE><\/P>Ok. não é exatamente isso, transpilers ao compilar para módulos AMD usarão os módulos exports<\/SPAN> e modules<\/SPAN> para fazer algumas coisas que podem parecer estranhas no código compilado,<\/EM> mas o resultado final é basicamente como mostrado acima.<\/P><\/P>Por essa razão, normalmente faço isso agora.<\/P><script>dojoConfig = { \/\* configurações *\};<script>
<script src=\"\\/\\/js.arcgis.com\\/3.13\\/\"><script>
<script>require(['app\\/main'], function(){});<script>
\\/\\/ app\\/main.js
define(['dependency1', 'dependency2'], function(dep1, dep2) {
\/\* coisas incríveis de desenvolvimento web *\/
});<\/PRE><\/P>Você pode ver um exemplo disso em um repositório de teste <\/>onde eu estava usando TypeScript.<\/>