Extjs 为什么sencha touch需要这么长时间才能加载?

Extjs 为什么sencha touch需要这么长时间才能加载?,extjs,sencha-touch,sencha-cmd,Extjs,Sencha Touch,Sencha Cmd,我过去用过Sencha 1,现在我要用Sencha Touch 2。。。我对使用Sencha Cmd感兴趣 所以。。。我执行了基本的sencha命令: sencha生成应用程序名称myapp path/to/myapp 当我尝试加载网站时。。。加载它需要10秒钟以上(而且它没有任何功能)。我见过其他人也有和我一样的问题,我在这里找到了最有用的答案(它解决了问题): 但这是胡说八道。。。难道不可能让它运行得更快而不需要缩小一切吗?Sencha cmd有什么我应该删除的东西吗,因为它太重而且没用了

我过去用过Sencha 1,现在我要用Sencha Touch 2。。。我对使用Sencha Cmd感兴趣

所以。。。我执行了基本的sencha命令: sencha生成应用程序名称myapp path/to/myapp

当我尝试加载网站时。。。加载它需要10秒钟以上(而且它没有任何功能)。我见过其他人也有和我一样的问题,我在这里找到了最有用的答案(它解决了问题):

但这是胡说八道。。。难道不可能让它运行得更快而不需要缩小一切吗?Sencha cmd有什么我应该删除的东西吗,因为它太重而且没用了?
我应该不使用Sencha cmd吗?

嗯,我认为缩小不是问题,而是所有组件(无论您是否使用它们)都是从单独的文件加载的。数百个请求需要时间。当您使用
sencha app build production
构建应用程序时,所有(且仅)所需的组件都会连接到一个大文件中,该文件的加载速度相当快

看看那个州的文件

Sencha Cmd自动执行应用程序的所有优化,包括以下内容:

  • 解析应用程序所需的依赖项,并且仅包括用于优化文件大小/性能的确切内容
  • 通过自动生成“cache.manifest”和资源校验和来启用HTML5应用程序缓存
  • 缩小所有JavaScript和CSS资产
  • 在首次加载时将所有JavaScript和CSS资产存储在本地存储中,并通过版本之间的增量更新对其进行修补
因此,您的生产构建可以在后续访问和动态更新时立即加载,而只需最少的网络传输


编辑:在app.json文件的
“js”
下,将
sencha touch.js
更改为
sencha touch all.js
,可以加快开发速度。接下来使用Sencha Touch Cmd命令更新bootstrap.js文件。现在,所有组件都从一个文件加载。但是,在构建应用程序之前,您需要将此设置更改回原来的设置,否则所有组件都将出现在您的构建中,即使是您未使用的组件。

如果您使用的是动态加载,则在调试模式下完成。然而,有一个命令要构建,它应该使生产更快,但问题是,当你使用sencha应用程序构建生产时,它会缩小一切。。。所以你不可能真的在里面工作。换句话说,当你已经有一个应用在工作时,你可以使用这个命令。。。但是在开发环境中工作也是不可能的,因为每次更改我都必须等待15秒才能看到我所做的是否有效。如果你必须等待15秒直到应用程序完成加载,那么肯定是出了问题。使用
sencha generate app…
生成的标准应用程序在5秒内加载。查看我的编辑以了解改进方法。哦,是的。。。有了这个解决方案,它几乎可以瞬间运行。。。非常感谢!!真棒的解决方案,你太棒了