Pre-loading all of Ext during development

[jweber]

During development, I normally include the sencha-touch-all.js file, so I don't have to wait for each individual class to load.

But with the final release of ST2, it looks like the recommendation is to only include the "microloader/development.js" file, and no other JS/CSS files.

My problem is that this file loads each class individually, with a _dc argument so they're not cached. This means that every time I reload the page, it loads every class, which takes a long time.

Is there a way to tell the microloader to pre-load sencha-touch-all.js during development, but not when building?

[mitchellsimoens]

You can use the build file with all the classes during development but you need to require the classes that your application files need. For instance, if you have a component you created that requires Ext.Anim, then you need to add it to it's requires array...

Ext.define('MyApp.view.AnimComp', {
    extend : 'Ext.Component',

    requires : [ 'Ext.Anim' ],

    ...
});

When you do the build, it will looks at the different properties that handle file dependancies to build it into one. This will then prevent any classes to be dynamically loaded as is wanted.

[jweber]

OK. I thought I might be able to get rid of my multiple index.html files, but I guess not.

This brings me to another question. If I have an index.html and an index-production.html, how do I specify which one is used by the "sencha app build" command? I used to be able to use "sencha create jsb -a index-production.html", but I don't see a similar place in the app.json file to specify the index file.

[jweber]

Oh, I guess the microloader uses the app.json file, even during development. So I can use two different app.json files; one for development (with sencha-touch-all.js) and one for building (with sencha-touch.js).

But it doesn't seem like there's a way to specify which app.json file to use when running "sencha app build".

[Jacky Nguyen]

Changing "sencha-touch.js" inside "app.json" to "sencha-touch-all.js" is the right way to achieve what you want, however support for different json config files between development and production is not yet in place.

Also try adding "?cache" query string at the end of your app's URL, which will turn off the cache buster, so there won't be any extra timestamp added to each file's URL when it's dynamically loaded.