Cómo empaquetar (minify) una aplicación extjs 4

Question

Estoy buscando instrucciones de facto para empaquetar y minfying una aplicación Ext JS 4.

Todo parece apuntar a la SDK Sencha, pero todo alrededor de este se dirige a Sencha Touch, y de todos modos, cuando sigo las instrucciones (sencha app build testing) Recibo:

"El directorio de trabajo actual (C :. ..) no es un Sencha SDK o carpeta de aplicaciones reconocida "

Lo que me sorprende, ya que la estructura que estoy usando fue generada por Sencha Architect. En cuanto a docs here, la estructura de carpetas generada por Architect es correcta, pero algunos de los nombres de archivo son diferentes. Y parece que hay algunos archivos de empaque (app.json packager.json) de los que no tengo idea.

Esperaría un montón de publicaciones/guías/blogs/artículos sobre esto, lo que uno pensaría que sería un requisito común dada la carga de archivos .js que uno crea durante el desarrollo.

Answer 1

Esta publicación está muy desactualizada. Necesitamos estar usando Sencha Cmd.

• http://docs.sencha.com/extjs/4.2.1/#!/guide/command
• http://www.sencha.com/blog/all-new-sencha-cmd

Descargar: http://www.sencha.com/products/sencha-cmd/download

Una gran cosa una vez que haya pasado por encima de la curva de aprendizaje corta.

Es tan simple como ejecutar sencha app build, que crea archivos javascript y hojas de estilo comprimidos YUI, con un procesamiento inteligente para garantizar que solo se incluya lo que necesita, reduciendo aún más el tamaño.

Answer 2

Pude preparar nuestra producción de aplicaciones con la ayuda de este article.

Answer 3

No estaba contento con el uso de Sencha.Cmd. Es enorme, difícil de configurar, por lo general rompe errores triviales.

También estaba tratando de usar Nicholas Zakas's JS Combiner pero siempre tenía que hacer un seguimiento de las dependencias y escribirlas con precisión en los comandos de comentarios. A pesar de que las clases ExtJS a menudo se confundieron en el archivo de compilación de salida.

Luego, por mi cuenta, decidí escribir una herramienta de construcción liviana para aplicaciones ExtJS. Aquí está:

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

No es necesario agregar más comentarios. "Entiende" las definiciones nativas de clases ext. El archivo de configuración predeterminado es suficiente para contar con todos los tipos de dependencia que usa ExtJS.

Por favor, siéntase libre de usar.

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

Se puede incluir tanto en los scripts de despliegue ant y gradle.

La herramienta Extapp también funciona con ExtJS 5. Probablemente esté funcionando también con Sencha Touch, pero no tuve la oportunidad de probarlo.