This starter kit provides two alternate HTML files:
index.html loads the libraries locally;
hosted.html loads the Touch JS/CSS libraries from Sencha's content delivery network (CDN). Additionally, a
production.html file is included too, but you will have to build the
app-all.js file to make this work (see below for instructions).
Using Sencha's CDN means that you don't have to download the Sencha Touch SDK, but it does require an internet connection. The
hosted.html file is provided for convenience, but you'll have a better development experience if you use a local copy of the Sencha Touch SDK. Follow these instructions to install the Sencha Touch libraries.
index.html file uses these conventions:
sencha-touch-debug.js, which contains the core classes and loader
Ext.loaderdynamically fetches dependencies in the framework (from
./touch/src) and the application (from
- uses a custom stylesheet, compiled from the Sencha Touch theme
hosted.html follows different conventions:
sencha-touch-all-debug.js, which contains the entire Sencha Touch framework
Ext.loaderdynamically fetches dependencies from the application
- uses the default Sencha Touch theme
Read up on Sencha Touch Builds in the documentation.
Building the custom theme
To build the theme:
cd ~/path/to/Sencha-Touch-Boilerplate cd styles compass compile
compass watch to have the theme compile every time you save a change to the
sencha help create jsb or
sencha help build.
First, generate a JS builder manifest file:
sencha create jsb --app-entry=index.html --project=app.jsb3
Then generate the
sencha build --projectFile=app.jsb3 --deployDir=./
That should generate
all-classes.js files. These are used in