将 Extjs 生成的应用程序.js构建文件拆分为 extjs 特定代码和我们的应用程序代码



我想将 Extjs 生成的 app.js 文件拆分为应用程序特定代码和 extjs 特定代码。目的是减小应用程序的大小.js应用程序加载速度会更快。我已经阅读了一些链接,但由于我是 extjs 的新手,我想要一些现成的代码(如果有的话),比如在一些.xml文件中等。

应用程序加载速度不会更快,因为应用程序仍然需要 ExtJS 代码和您自己的代码才能执行任何操作。

此外,如果所有内容都在一个文件中,gzip 压缩效果会更好,因此如果您启用了静态内容的压缩,您的双文件应用程序的加载速度将比以前慢。如果你没有,你绝对应该,它会将加载时间减少一半甚至更少。

也就是说,您始终可以使用多个<script>标签包含更多 javascript 文件:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Verwarming HollandVilla</title>
    <script type="text/javascript" src="ext-modern-all.js"></script>
    <script type="text/javascript" src="verwarming.js"></script>

但是您不能将编译app.js拆分为仅包含代码的部分和仅包含 ExtJS 代码的另一部分,因为app.js这两个域都是混合和破坏的。

但是您仍然可以在出现任何Ext.define() .之前拆分app.js,然后检查两个javascript文件在语法上是否仍然有效。如果是,则您没有在语义上更改任何内容,因此该应用程序应像以前一样工作。

如果您真的缩短了加载时间,请发布您的结果,因为我还没有找到通过实验验证预期结果的人。

除了 Alexander 编写的内容之外,您还可以使用"output"定义拆分应用程序和框架代码。在以下示例中,这是针对生产版本完成的:

"production":{
   "output":{
      // Split the framework from the application.
      "framework":{
         "enable":true
      }
   },
   "compressor":{
      // Enable compressor (other options: closure, strip)
      "type": "yui"
   }
}

此外,压缩被激活(此处:yui)。"Sencha 编译器参考"和有关"资源管理"的文档也可以帮助您:https://docs.sencha.com/cmd/guides/advanced_cmd/cmd_compiler_reference.htmlhttps://docs.sencha.com/cmd/guides/resource_management.html

相关内容

最新更新