ExtJS 7:如何对无法绑定的包资源进行不同的加载



我们有一个基于Sencha ExtJS7的经典应用程序,该应用程序包需要单独加载大量js文件(read无法绑定(。所以我们通过package.jsonjs配置加载它们

"js": [
{
"path": "${package.dir}/resources/ace-builds-master/src-min-noconflict/ace.js"
},
{
"path": "${package.dir}/resources/ace-builds-master/src-min-noconflict/theme-monokai.js"
},
<snipped................>

因此,有许多文件需要单独加载,不应捆绑到一个中

当生产/测试构建时,这些文件在应用程序功能之前加载。

有没有一种方法可以加载这些文件,当需要它们的面板被添加到屏幕上时,或者在应用程序加载并开始工作后推迟它们

首先,如果你想这样做,你不能将javascript捆绑到你的应用程序中;所有捆绑的代码都将作为应用程序引导的一部分加载。

其次,有一些普通的JS方法可以加载更多的脚本代码,但使用ExtJS的方法是Ext.Loader#loadScript

如果这些是ExtJS包(而不是任意的NPM包(,另一种方法是在app.json的"使用"部分声明这些包,这将允许您使用Ext.Package#load 动态加载它们

最新更新