我想将Extjs生成的app.js文件拆分成特定于应用程序的代码&特定于extjs的code.The意图是减小app.js的大小&应用程序的加载速度会更快。我已经阅读了一些链接,但由于我是新的extjs,我想要一些现成的代码(如果可用),如一些.xml文件等。
发布于 2016-03-04 01:21:04
应用程序的加载速度不会更快,因为应用程序仍然需要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
中,这两个域是混合和损坏的。
但是您仍然可以在出现javascript之前拆分app.js
,然后检查这两个Ext.define()
文件在语法上是否仍然有效。如果是,你没有改变任何语义上的东西,所以应用程序应该像以前一样工作。
如果你真的得到了加载时间,请发布你的结果,因为我还没有找到通过实验验证预期结果的人。
发布于 2021-04-15 17:11:47
除了Alexander所写的内容之外,您还可以使用“输出”定义来拆分应用程序和框架代码。在下面的示例中,这是针对生产版本执行的:
"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
https://stackoverflow.com/questions/35774621
复制相似问题