javascript - 发布到服务器时如何处理extjs 4的动态加载？

Question

我经常使用 Extjs 的 Ext.require() 功能，它可以动态加载特定内容。

但是文档规定，当发布到生产环境时，永远不应该使用动态加载功能。那么我该如何处理代码中这么多的Ext.requires()呢？官方文档说，如果你按照脚手架操作，sencha cmd可以解决这个问题。但我写代码的时候并不知道sencha cmd。

那么，我应该如何更新我的代码？

Answer 1

将所有 JS 文件合并到生产版本(考虑 ExtJS 要求)的最简单方法是使用 SenchaCMD。

如果您在开发过程中没有遵循 CMD 实践，那么事情可能会非常困难。幸运的是你的 JS 源代码不会被改变，你只需确保正确定义了“requires”属性，而不是使用 Ext.requires(否则它会继续使用动态加载...)。

这实际上取决于您的项目结构和编码风格，但步骤是:

• 下载 Sencha CMD(最新版本)
• 使用“sencha generated app”创建一个新的 Sencha 应用
• 在 Application.js 的“launch”方法中添加应用程序启动逻辑(考虑在此类中添加所有缺少的要求)
• 将所有源文件添加到应用文件夹中，然后尝试运行“sencha app build”(如果添加应用的一个子集，尝试构建它，最终修复它，然后添加另一部分，效果会更好)。
• 现在您应该有 2 个新构建:“生产构建”是单个文件压缩的​​ JS，“测试构建”是单个文件非压缩的。 sencha CMD 还有一种“开发模式”，它会启动 Tomcat 服务器并像您现在所做的那样部署您的应用程序。