用ExtJS組建前端框架有一年多了，考慮到ExtJS中js過多，爲提高效率，所以開始尋找打包的方法，然後就發現了這個Sencha Cmd。首先Sencha Cmd不僅僅是爲了打包而生的，它同樣具有構建前端框架的作用。
以下爲所需的環境：
Sencha Cmd 下載地址：http://www.sencha.com/products/sencha-cmd/download/
Ruby 下載地址：http://rubyinstaller.org/downloads
Ant下載地址：http://ant.apache.org/bindownload.cgi
Ruby是爲了使用其中的gem（類似於nodejs中的NPM）去下載sass和compass，而compass在build中起到編譯打包sass文件爲css文件的作用。
Ruby安裝完成後會有gem一起安裝完成，由於國內的網絡，用gem加載sass與compass時要注意替換gem的resources地址，參照淘寶提供的鏡像，
1、創建workspace:
sencha generate workspace /path/to/workspace
2、創建項目
sencha generate app -ext MyApp /path/to/MyApp
3、build項目
此處sencha命令需要到MyApp目錄下執行
sencha app build
4、sencha運行
sencha web start
登陸地址：
其中build中多次遇到 MyApp\.sencha\app\build-impl.xml中報錯
一下提出一種解決方案：
1、在ext\cmd下的sencha.cfg起始處添加配置skip.sass=1
2、將ext\cmd下的sencha.cfg文件拷貝到MyApp\app目錄下
3、到MyApp目錄下sencha app build打包
4、將build\temp\production\MyApp\slicer-temp下的MyApp-example.css拷貝到build\production\MyApp\resources下，並更名爲MyApp-all.css
5、重新執行步驟3
出錯步驟還是存在於sass文件的編譯打包過程中，此處將本應該生成到目標地址的文件用文件替換的方式讓build繼續走下去。
如果大家有相應的解決方案，請不吝賜教！
更換主題樣式
修改./app.js的一下內容：
"theme": "ext-theme-crisp",
修改bootstrap.css
@import '../ext/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css';
修改完成後重新編譯
添加圖表插件
如果要調用ext-charts:(此處解決方案借鑑stackoverflow)
1、重新編譯ext-charts,這一點很關鍵，也是解決ext5中legend異常的方案（問題可參照我的另一篇chart博客）
cp -R ext/packages/ext-charts ./packages/ext-charts cd ./packages/ext-charts sencha package build
2、./app.json中添加配置
"requires": [ "ext-charts" ],
然後
sencha app refresh
或者重新編譯app
sencha app build
重新編譯時一定要把bootstrap.css修改回編譯前的樣式css
@import '../ext/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all-rtl.css';
編譯後的樣子是
@import '../build/production/MyApp2/resources/MyApp-all.css';
若以此形式重新編譯就會出現legend顯示異常等問題
打包測試模式
打包後的測試模式可以進行調試，代碼未壓縮混淆，但文件已合併爲production形式
sencha app build testing
testing打包後位置爲 build\testing\MyApp
chart的production版本圖表異常
引用ext-charts後在workspace中調試正常，
但是build時沒有報錯，且build production後圖表顯示異常，報錯僅是
.js not found
然後我們需要採用testing模式來調試就能看到真正的報錯,發現是缺少 'axis.numeric','axis.category','series.column'等引用，在打包後的app.js中也找不到這些js。
那我們要在哪裏添加這些模塊呢，我們需要在具體引用這些模塊的地方
requires:[ "Ext.chart.series.Column", "Ext.chart.axis.Numeric", "Ext.chart.axis.Category" ],
這個問題要感謝這篇stack overflow提供的思路。