博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用sencha cmd打包extjs4.2.2
阅读量:4571 次
发布时间:2019-06-08

本文共 1047 字,大约阅读时间需要 3 分钟。

本文参考地址: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!

  • (2.3.1p112)  ruby需要配置环境变量
  • (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等)放到这个文件夹下。
 
 

最后,附上打包前和打包后的效果对比效果- -
打包前:

 

打包后:

 

 

 

转载于:https://www.cnblogs.com/dwyanezhou/p/5920093.html

你可能感兴趣的文章
Java集合排序(面试必考点之一)
查看>>
Tsql 获取服务器信息
查看>>
给laravel项目集成支付宝
查看>>
安装prometheus+grafana监控mysql redis kubernetes等
查看>>
Java眼中的XML--文件读取--1 应用DOM方式解析XML
查看>>
C++使用递归函数计算阶乘
查看>>
linker command failed with exit code 1 (use -v to see invocation)报错解决办法
查看>>
通用EF框架
查看>>
5-Java多态性理解
查看>>
vray学习笔记(4)混合材质是个什么东西
查看>>
Redis Linux版安装详解
查看>>
软件工程个人作业02------即01的升级版本
查看>>
博弈论 斯坦福game theory stanford week 3.1_
查看>>
HDU1286+线性筛素数
查看>>
JavaScript简单的实例应用
查看>>
caffe中各种cblas的函数使用总结
查看>>
功能性肠道疾病用药一览表
查看>>
模板页
查看>>
BZOJ 1648: [Usaco2006 Dec]Cow Picnic 奶牛野餐
查看>>
异步编程
查看>>