PDA

View Full Version : How to package (minify) an extjs 4 application



dr-dan
16 Jul 2012, 1:06 AM
I am looking for de facto instructions for packaging and minfying an Ext JS 4 app.Everything seems to point to the Sencha SDK, but everything around this is targeted at Sencha Touch, and anyway, when I follow the instructions (sencha app build testing) I receive:"The current working directory (C:...) is not a recognized Sencha SDK or application folder"Which throws me, since the structure I am using was generated by Sencha Achitect.I'd expect loads of posts/guides/blogs/articles on this: what you'd think would be a common requirement givent the shed load of .js files one creates whilst developing.

Is the idea to use the SDK for standard web apps as the docs suggest for Touch?

How exact does the project structure need to be? Just the folders (which i have thanks to architect), do the filenames need to be exact too (which are different thanks to architect)? do i need an app.json & packager.json and if so what's its content?

scottmartin
16 Jul 2012, 10:23 AM
Here are few good articles on creating compiled code:

http://www.akawebdesign.com/2011/11/17/sencha-sdk-tools-jsbuilder/
http://existdissolve.com/2011/08/extjs-4-my-first-build/
http://www.extjsframework.com/mvc/deploy-mvc-app-with-senchasdktools

Regards,
Scott.

tomdchi
28 May 2013, 3:36 PM
I noticed that none of these links are from Sencha. I find it odd that sencha relies so much on external sources on how to use their applications.

al.todd
28 May 2013, 10:30 PM
This post is much out dated. You need the newish Sencha Cmd 3.0.

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

Download: (http://www.sencha.com/blog/all-new-sencha-cmd)http://www.sencha.com/products/sencha-cmd/download

A great thing once you've stepped over the short learning curve.

Its as simple as running sencha app build, which creates a YUI compressed .js file, with many options to reduce the size by explicitly including the things you need.