如何打包（缩小）extjs 4应用程序

Question

我正在寻找包装和制作Ext JS 4应用程序的事实性说明。

一切似乎都指向了Sencha SDK，但是围绕着这一切都是针对Sencha Touch的，无论如何，当我按照收到的说明（sencha app build testing）时：

“当前工作目录（C：...）不是可识别的Sencha SDK或应用程序文件夹”

这引起了我的兴趣，因为我使用的结构是由Sencha Architect生成的。查看docs here，Architect生成的文件夹结构是正确的，但有些文件名不同。似乎有一些我不知道的打包文件（app.json packager.json）。

考虑到在开发过程中创建的.js文件的大量负载，我期待大量的帖子/指南/博客/文章，你认为这是一个常见的要求。

Answer 1

我能够在article的帮助下准备好我们的应用程序生产。

Answer 2

这篇文章已经过时了。我们需要使用Sencha Cmd。

• http://docs.sencha.com/extjs/4.2.1/#!/guide/command
• http://www.sencha.com/blog/all-new-sencha-cmd

下载：http://www.sencha.com/products/sencha-cmd/download

一旦你跨过短暂的学习曲线，这是一件好事。

它就像运行sencha app build一样简单，它创建了YUI压缩的javascript和样式表文件，并通过巧妙的处理来确保只包含你应用所需的内容 - 进一步缩小了尺寸。

Answer 3

我对使用Sencha.Cmd感到不满意。它很庞大，很难设置，通常可以打破琐碎的错误。

我也试图使用Nicholas Zakas's JS Combiner但我总是跟踪依赖关系并准确地在注释命令中写入它们。即使ExtJS类经常在输出构建文件中搞砸了。

然后我决定自己为ExtJS应用程序编写轻量级构建工具。这是：

Extapp - https://github.com/liberborn/extapp。

无需添加其他评论。它＆＃34;理解＆＃34;本机ext类定义。默认配置文件足以依赖ExtJS正在使用的所有依赖类型。

请随意使用。

Usage: java -jar extapp-yyyy.mm.jar [options] [base path] [config file] [source file] [output file]

它可以包含在ant和gradle部署脚本中。

Extapp工具也在使用ExtJS 5。可能它也与Sencha Touch合作，但我没有机会测试它。