首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将extjs生成的app.js构建文件拆分为特定于extjs的代码&我们的应用程序代码

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

Stack Overflow用户
提问于 2016-03-03 22:16:22
回答 2查看 441关注 0票数 0

我想将Extjs生成的app.js文件拆分成特定于应用程序的代码&特定于extjs的code.The意图是减小app.js的大小&应用程序的加载速度会更快。我已经阅读了一些链接,但由于我是新的extjs,我想要一些现成的代码(如果可用),如一些.xml文件等。

EN

回答 2

Stack Overflow用户

发布于 2016-03-04 01:21:04

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

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

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

代码语言: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中,这两个域是混合和损坏的。

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

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

票数 1
EN

Stack Overflow用户

发布于 2021-04-15 17:11:47

除了Alexander所写的内容之外,您还可以使用“输出”定义来拆分应用程序和框架代码。在下面的示例中,这是针对生产版本执行的:

代码语言:javascript
运行
复制
"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.html https://docs.sencha.com/cmd/guides/resource_management.html

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35774621

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档