Как упаковать (минифицировать) приложение extjs 4

Я ищу де-факто инструкции по упаковке и минимизации приложения Ext JS 4.

Кажется, все указывает на Sencha SDK, но все вокруг этого нацелено на Sencha Touch, и в любом случае, когда я следую инструкциям (sencha app build testing), я получаю:

«Текущий рабочий каталог (C:...) не является распознанным Sencha SDK или папкой приложения»

Что меня сбивает с толку, поскольку структура, которую я использую, была создана Sencha Architect. Посмотрите на здесь структуру папок, созданную Architect правильно, но некоторые имена файлов разные. И, кажется, есть некоторые файлы упаковки (app.json packager.json), о которых я понятия не имею.

Я ожидаю множество сообщений/руководств/блогов/статей на эту тему, что, по вашему мнению, будет общим требованием, учитывая количество файлов .js, которые создаются во время разработки.


minify sencha-cmd yui-compressor extjs4
person jenson-button-event    schedule 16.07.2012    source источник

Ответы (3)


arrow_upward
4
arrow_downward

Я смог подготовить наше приложение к работе с помощью этой статьи.

person Michael Dillon    schedule 16.07.2012

arrow_upward
4
arrow_downward

Этот пост сильно устарел. Нам нужно использовать Sencha Cmd.

Скачать: http://www.sencha.com/products/sencha-cmd/download

Отличная вещь, когда вы перешагнули короткую кривую обучения.

Это так же просто, как запустить sencha app build, который создает сжатые YUI файлы javascript и таблицы стилей, с умной обработкой, чтобы гарантировать, что включено только то, что нужно вашему приложению, - еще больше уменьшая размер.

person jenson-button-event    schedule 04.06.2013
comment
SenchaCmd 3.x тоже сильно устарел... между тем. - person Martin Zeitler; 19.03.2014
comment
@jenson-button-event — вы консультируете на стороне? Хотите знать, найдется ли у вас час на этой неделе, чтобы помочь мне развернуть готовое приложение MVC в рабочей среде? Я сталкиваюсь с некоторыми проблемами минификации. - person MacGyver; 08.04.2014
comment
У меня есть приложение, которое состоит из двух частей: одна в angularjs, а другая в сенче. Я хочу минимизировать код сенчи. как мне это сделать? помогает ли Sencha cmd минимизировать только код sencha, исключая угловой код js - person Strikers; 29.12.2014

arrow_upward
3
arrow_downward

Мне не понравилось использование Sencha.Cmd. Он огромный, сложный в настройке, обычно ломается из-за тривиальных ошибок.

Также я пытался использовать JS Combiner Николаса Закаса, но мне всегда приходилось отслеживать зависимости и точно писать их в комментариях. команды. Несмотря на то, что классы ExtJS часто путались в выходном файле сборки.

Затем я решил самостоятельно написать легкий инструмент для сборки ExtJS-приложений. Вот:

https://github.com/liberborn/extapp.

Нет необходимости добавлять дополнительные комментарии. Он «понимает» собственные определения классов ext. Файла конфигурации по умолчанию вполне достаточно, чтобы учитывать все типы зависимостей, которые использует ExtJS.

Пожалуйста, не стесняйтесь использовать.

Usage: java -jar extapp-yyyy.mm.jar [options] [base path] [config file] [source file] [output file]

Его можно включить как в скрипты развертывания ant, так и в gradle.

Инструмент Extapp также работает с ExtJS 5. Возможно, он работает и с Sencha Touch, но у меня не было возможности его протестировать.

person liberborn    schedule 20.06.2014
comment
Я проголосовал за этот ответ, так как мне понравилась идея, но у меня возникли проблемы с ее запуском. В приведенных примерах конфигурации отсутствует важная информация. Жалость. - person yurin; 14.04.2019