extjs4 - 如何打包（缩小）一个 extjs 4 应用程序

Question

我正在寻找有关打包和缩小 Ext JS 4 应用程序的实际说明。

一切似乎都指向 Sencha SDK，但围绕此的一切都针对 Sencha Touch，无论如何，当我按照说明 ( sencha app build testing) 操作时，我会收到：

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

这让我很震惊，因为我使用的结构是由 Sencha Architect 生成的。查看此处的文档，Architect 生成的文件夹结构是正确的，但某些文件名不同。似乎有一些我不知道的打包文件（app.json packager.json）。

我希望有大量关于此的帖子/指南/博客/文章，考虑到开发过程中创建的 .js 文件的卸载负载，您认为这是一个常见的要求。

Answer 1

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

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 的 JS 组合器，但我总是要跟踪依赖关系并准确地将它们写入注释命令中。即使 ExtJS 类在输出构建文件中经常被弄乱。

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

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

无需添加其他评论。它“理解”本机 ext 类定义。默认配置文件足以依赖 ExtJS 使用的所有依赖项类型。

请放心使用。

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

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

Extapp tool is working with ExtJS 5 too. Probably it is working also with Sencha Touch but I did not have a chance to test it.