1. #1
    Ext GWT Premium Member
    Join Date
    Oct 2009
    Posts
    131
    Vote Rating
    5
    zlevardy is on a distinguished road

      0  

    Default How to build production extjs app?

    How to build production extjs app?


    hi,

    I am new to sencha cmd, and trying to replace all buggy sdk tools 2, with its jsb3. My build procedure is encapsulated into a maven pom.xml. Finally my under standing is: next steps required:

    1. generate an app skeleton by:
    Code:
    sencha -cw /Users/me/Workspaces/MyPrj/src/main/webapp app generate /Users/me/Workspaces/MyPrj/src/main/webapp
    2. app needs update and refresh:
    Code:
    sencha app upgrade -noframework
    Once upgrade done, then I need to get rid of ""<<<<Generated" section from my app.js what is modified with this step. Then do the refresh:
    Code:
    sencha app refresh
    3. build the app:
    Code:
    sencha -cw /Users/me/Workspaces/MyPrj/src/main/webapp app build
    and this step is providing a subfolder called 'build'. And it looks very much incomplete.
    Can someone help me to understand what are the files under build, and what is missing? (in past it was compresses into a all-in-one big app-all.js file. That is what I am expecting, or something familiar.)

    build folder files:
    Code:
      +webapp <----------- this is MyApp
           +app
           +build
               +MyApp
                       +production
                               all-classes.js
                               +ext
                                     +src
                                            +ux
                               +resources
                                     +default
                                     theme-capture.json
                                     thema-capture.png
    I thought all-classes.js is the app-all.js, but it is not. How can I now package a yahoo compiler minimized file? the only file made for me is classes-all.js. Hmmm.

    thanks
    Last edited by zlevardy; 22 Apr 2013 at 1:08 AM. Reason: reformat build dir output

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,217
    Vote Rating
    859
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    This is correct, it will create the all-classes.js and will be minified.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Ext GWT Premium Member
    Join Date
    Oct 2009
    Posts
    131
    Vote Rating
    5
    zlevardy is on a distinguished road

      0  

    Default


    thanks

    Quote Originally Posted by mitchellsimoens View Post
    This is correct, it will create the all-classes.js and will be minified.
    and this is all I need to deploy? (content of build/TestMyApp/production/)

    For my migrating project, the all-classes.js always 5k, too small. I did the upgrade, and refresh. What else I may need?
    Generated all-classes.js starts like this. Package names looking good so far:
    Code:
    var MyApp=MyApp||{};if(!MyApp.controller){MyApp.controller={}}if(!MyApp.model){MyApp.model={}}if(!MyApp.store){MyApp.store={}}if(!MyApp.view){MyApp.view={}}if(!MyApp.view.admin){MyApp.view.admin={}}if(!MyApp.view.daily){MyApp.view.daily={}}if(!MyApp.view.monthly){MyApp.view.monthly={}}if(!MyApp.view.user){MyApp.view.user={}}var Ext=Ext||
    thx
    Last edited by zlevardy; 24 Apr 2013 at 5:42 AM. Reason: adding code snippet

Thread Participants: 1