Sencha Touch - Строит
Сегодняшний спрос на веб-приложение - это разработка быстрого приложения с меньшими усилиями по разработке. Sencha Touch помогает в этом с легкостью, поскольку предоставляет ряд библиотек сборки на выбор, основанных на коде разработки или производства, а также возможность создания пользовательской сборки.
Библиотеки сборки Sencha Touch загружают классы динамически. Динамическая загрузка означает классы, которые загружаются по мере необходимости, и будут включены только те классы, которые требуются в приложении. Это ускоряет работу приложения, так как количество файлов для загрузки уменьшается, одновременно сокращая время загрузки.
Sencha Touch 2.x предоставляет следующие пять библиотек сборки.
| Sr.No. | Сборки и использование |
|---|---|
| 1 | sencha-touchdebug.js Эта сборка используется при локальной разработке приложения. Это неминифицированная версия со всеми комментариями и журналами отладки для облегчения отладки во время разработки. |
| 2 | senchatouch.js Этот файл используется в производственных целях. Это уменьшенная версия, когда у нас есть кастомная сборка. |
| 3 | sencha-touchall.js Этот файл используется в производственных целях. Это уменьшенная версия, когда у нас нет специальной сборки. |
| 4 | sencha-touchall-debug.js Этот файл используется для отладки в производстве. Он не минифицирован и содержит все комментарии и журналы отладки. |
| 5 | sencha-touchall-compat.js Эта сборка используется для миграции с версии 1.x на версию 2.x. Он выдает предупреждение, если код версии 1.x несовместим и требует модификации кода. |
С помощью вышеупомянутых сборок Sencha Touch предоставляет возможность создавать собственные сборки.
Преимущества кастомной сборки
Пользовательская сборка не загружает все файлы touch. Он загружает только те файлы, которые мы используем в приложении, что делает приложение более быстрым и простым в обслуживании.
Sencha CMD используется для создания пользовательской сборки. Чтобы создать собственную сборку в Sencha CMD, перейдите в каталог, в котором находится файл приложения, и введите одну из следующих команд, чтобы создать сборку.
| Sr.No. | Команда и использование |
|---|---|
| 1 | sencha app build native Создает приложение и подготавливает файл с именем packager.temp.json, который можно использовать для упаковки приложения - packager.temp.json совпадает с packager.json, но содержит дополнительные пути. |
| 2 | sencha app build -run native Создает и автоматически упаковывает приложение, а также запускает соответствующий симулятор. |
| 3 | sencha app build package Создает приложение с поддержкой упаковки, но не настраивает файл JSON упаковщика. Это полезно для проектов, которые вручную поддерживают несколько файлов packager.json. |
После успешной сборки будет сгенерирован файл all-classes.js, который нам нужно включить в наш index.html, чтобы подготовить его к производству.
В следующем коде показаны изменения, которые необходимо внести в готовый к производству код.
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>