extjs6 动态引用js

Ext.application({
    name: 'MyApp',
    launch: function() {
        // 配置 Ext.Loader
        Ext.Loader.setConfig({
            enabled: true,
            paths: {
                'MyApp': 'path/to/myapp'
            }
        });

        // 动态加载类
        Ext.require('MyApp.view.MyView', function() {
            // 类加载完成后执行的代码
            var view = Ext.create('MyApp.view.MyView');
            Ext.Viewport.add(view);
        });
    }
});

function loadScript(url, callback) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    script.onload = callback;
    document.head.appendChild(script);
}

// 使用示例
loadScript('path/to/external.js', function() {
    // 脚本加载完成后执行的代码
    console.log('Script loaded');
});

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.Button', {
            text: 'Load View',
            renderTo: Ext.getBody(),
            handler: function() {
                Ext.require('MyApp.view.MyView', function() {
                    var view = Ext.create('MyApp.view.MyView');
                    Ext.Viewport.add(view);
                });
            }
        });
    }
});