我想将 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