本文參考地址：http://docs.sencha.com/extjs/4.2.5/#!/guide/command
一.環境安裝
一般使用最新版本（目前為Sencha Cmd v6.2.0.103），安裝時選擇了 compass extension 支持ext4.x 和ext5.x，如果用的ext6則沒必要安裝。
ps:用cmd v6.5 打包extjs4.2.2會有問題,v6.2 v6.1 ok!
- ruby(2.3.1p112) ruby需要配置環境變量
- Jre(1.8.0_91)
二.開始操作
1.建立工程
需要替換成你自己的路徑
cmd命令： sencha -sdk D:\weiyun\開發庫\js\extjs\ext-4.2.2-commercial\ext-4.2.2.1144 generate app MyApp D:\Workspaces\webproject\MyApp
2.編譯
跳轉到工程 root ，
cmd命令： cd /d D:\Workspaces\webproject\MyApp
sencha app build
3.訪問測試
root路徑/build/production/MyApp/index.html
三.其他
- 自定義主題
- 配置index.jsp
app.json
"indexHtmlPath"
:
"index.jsp"
,
defaults.properties app.output.page=
index.jsp
去除index.jsp里面的“ <base href="<%=basePath%>">”，這樣編譯后的production下的index.jsp才可以訪問相對路徑的資源
- 要消除chrome/firebug 控制台的loader警告，有些類需要提前在requires中引入。以防build報錯。
- 其他框架不要放在<!-- <x-compile> -->內，比如（echart）。以防build報錯。
- 代碼組織結構按照sencha generate app。以防build報錯。
- build時默認會復制resouces文件夾的內容到production下，所以將需要用的資源（圖片，jquery.js等）放到這個文件夾下。
最后，附上打包前和打包后的效果對比效果- -
打包前：
打包后：
