首先選擇必要的 library
Sencha Touch 專案預設是用 micro-loader 載入設定在 app.json 的 js / css 檔,不過檔案太零碎需要發很多 request,若透過 internet 會拖慢速度,SDK 內同時也有提供整合的版本:- sencha-touch.js 131KB
- sencha-touch-debug.js 514KB
- sencha-touch-all.js 671KB
- sencha-touch-all-debug.js 2.7M
各版本的用途可以參考 Using and Creating Builds,由於我需要使用到 widget,所以要選 all 的版本,sencha-touch-all.js (671KB) 雖然壓縮過了還是好肥大...
CSS 的部分,SDK 內也提供不同組的 theme 可以套:
- base.css 230KB
- bb10.css 184KB BlackBerry
- sencha-touch.css 258KB
- wp.css 194KB Windows Phone