ExtJS 7:如何区别无法捆绑的包资源的加载

Question

我们有一个基于Sencha ExtJS7的经典应用程序，它使用一个需要单独加载大量js文件的包(读取不能被捆绑)。因此，我们通过package.json js配置加载它们

    "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................>

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

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

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

Answer 1

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

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

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