Sencha Touch - Builds
A demanda atual por um aplicativo da web é desenvolver um aplicativo rápido com menos esforços de desenvolvimento. O Sencha Touch ajuda a fazer isso com facilidade, pois fornece várias bibliotecas de construção para escolher, com base no código de desenvolvimento ou produção junto com a facilidade de criar uma construção customizada.
As bibliotecas de construção do Sencha Touch carregam as classes dinamicamente. O carregamento dinâmico representa as classes que são carregadas quando necessárias e apenas as classes que são necessárias no aplicativo serão incluídas. Isso faz com que o aplicativo seja executado mais rápido, pois o número de arquivos a serem carregados diminui, diminuindo simultaneamente o tempo de carregamento.
O Sencha Touch 2.x fornece as cinco bibliotecas de construção a seguir.
| Sr. Não. | Construções e uso |
|---|---|
| 1 | sencha-touchdebug.js Esta construção é usada ao desenvolver o aplicativo localmente. É uma versão não minimizada com todos os comentários e logs de depuração para facilitar a depuração durante o desenvolvimento. |
| 2 | senchatouch.js Este arquivo é usado para fins de produção. É a versão reduzida quando temos uma construção personalizada. |
| 3 | sencha-touchall.js Este arquivo é usado para fins de produção. É a versão reduzida quando não temos uma compilação personalizada. |
| 4 | sencha-touchall-debug.js Este arquivo é usado para depuração na produção. Ele não está reduzido e contém todos os comentários e logs de depuração. |
| 5 | sencha-touchall-compat.js Esta construção é usada para migrar a versão 1.x para a versão 2.x. Ele dá um aviso sempre que o código da versão 1.x não é compatível e precisa de modificação de código. |
Com as construções mencionadas acima, o Sencha Touch fornece um recurso para criar construções personalizadas.
Vantagens de ter uma construção personalizada
A construção personalizada não carrega todos os arquivos de toque. Ele carrega apenas os arquivos que estamos usando no aplicativo, o que torna o aplicativo mais rápido e de fácil manutenção.
O Sencha CMD é usado para criar uma construção customizada. Para criar um build customizado no Sencha CMD, vá para o diretório onde o arquivo do aplicativo reside e digite um dos seguintes comandos para criar um build.
| Sr. Não. | Comando e Uso |
|---|---|
| 1 | sencha app build native Constrói o aplicativo e prepara um arquivo chamado packager.temp.json que pode ser usado para empacotar um aplicativo - o packager.temp.json é o mesmo que packager.json, mas contém caminhos adicionais. |
| 2 | sencha app build -run native Compila e empacota automaticamente o aplicativo e inicia o simulador apropriado. |
| 3 | sencha app build package Constrói o aplicativo com suporte para empacotamento, mas não configura um arquivo JSON do empacotador. Isso é útil para projetos que mantêm manualmente vários arquivos packager.json. |
Assim que a compilação for bem-sucedida, ela gerará o arquivo all-classes.js que precisamos incluir em nosso index.html para torná-lo pronto para produção.
O código a seguir mostra as alterações a serem feitas para o código pronto para produção.
Index.html before building application
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-debug.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
</head>
<body>
</body>
</html>Index.html after building the application
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch.js"></script>
<script type = "text/javascript" src = "app.js"> </script>
<script type = "text/javascript" src = "app-classes.js"> </script>
</head>
<body>
</body>
</html>