使用sencha cmd打包extjs4.2.2
本文参考地址：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等）放到这个文件夹下。
最后，附上打包前和打包后的效果对比效果- -
打包前：
打包后：
