标签：sencha-cmd extjs build 打包
用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继续走下去。
如果大家有相应的解决方案，请不吝赐教！
本文出自 “雪飘七月” 博客，请务必保留此出处http://xuepiaoqiyue.blog.51cto.com/4391594/1660447
ExtJS（6）- 用Sencha Cmd构建打包Ext项目
标签：sencha-cmd extjs build 打包
原文地址：http://xuepiaoqiyue.blog.51cto.com/4391594/1660447
