After some hunting around it seems this feature is present in Sencha Touch 2.0 but still a bit incomplete. To get it to work, do as follows:
You must have the Sencha command line installed (which you probably already have since it's required to make a Sencha project in the first place).
Navigate to your project's parent directory in command line
Use the
sencha app build production
command to "compile" your project into a single fileNavigate to your production directory in
YourApp/build/YourApp/production
Chane the extension of
cache.appcache
tocache.manifest
Edit the
index.html
file'shtml
tag so thatmanifest="cache.manifest"
Ensure your server is configured to serve
.manifest
files correctly
Now your production code should have a working cache manifest. Note you only need to change the extension so that the app works on iOS, it seems to work in browser (or at least Chrome where I tested this) with the .appcache
extension.
Compiling to production appears to be the only way to generate a cache manifest file but you can use this same file in a testing build if you don't want all the code minified for debugging. Of course you'll have to copy your manifest over and ensure it's referenced in your testing build's html
tag.
All in all Sencha clearly needs to update their documentation here but I'm glad I found this out. I only tested this with a super basic, static, two page application. Hoping it scales decently.