将 Sencha Cmd 与动态加载的控制器一起使用

Question

我使用 Ext JS 4 创建了一个应用程序。我的app.js 中的controllers 属性仅包含主控制器：

Ext.application({
    name: 'MyApp',
    appFolder: 'app',

    controllers: [
        "main.App"
    ],

    loadController: function(controller) {
        var oController = this.getController(controller);
        oController.init(this);
        oController.onLaunch(this);
    }
});

MyApp.main.App 控制器使用 getController() 方法按名称加载其他控制器（参见 loadController() 方法）。这些控制器是动态加载的，没有在我的index.html 文件中列出。

为了生成用于部署到服务器的生产版本，我通过在我的应用程序文件夹中发出以下命令来使用 Sencha Cmd：

sencha app build

工具正常完成并将所有文件压缩成一个大的 all-classes.js。问题是我的动态加载的控制器未包含在该文件中。

使动态加载的控制器（总共超过 100 个）由 Sencha Cmd 缩小和处理的正确方法是什么？

我知道，我可以在我的app.js 中列出它们，或者使用Ext.require 将它们包含在某些文件中，但我正在寻找正确的方法，以便在我的建造。我相信这是 Ext JS 的其他用户，他们正在创建大型应用程序并正在以某种方式构建，我将不胜感激任何建议或 success stories，这将帮助我找到正确的构建方式。

Answer 1

我会将所有控制器放入 uses 数组中。这些应该强制工具跟踪它们并将它们包含在构建中。另一方面，uses 不要求类在定义时可用，但保证它们在 onReady（一个在应用程序内）阻塞时可用（s ) 被调用。

请注意，您需要在 使用数组！

我不使用构建工具，因此我无法对其进行测试，但它应该可以工作。

---

来自 cmets 的更新 @bhovhannes提供的示例

bhovhannes： 我在 build.xml 中添加了一个代码，它收集了所有 当我进行 sencha 应用程序构建时，我的控制器进入使用数组。这样我 在开发过程中不填写uses数组，只需添加控制器 进入控制器文件夹，因为它们都是从动态加载的 我的应用

app.js

Ext.application({
    name: 'MyApp',
    appFolder: 'app',

    controllers: [
        "main.App"
    ],

    uses: [
        /*ant-generated-content-start*/ /*ant-generated-content-end*/
    ],

    autoCreateViewport: true,
});

build.xml

<?xml version="1.0" encoding="utf-8"?>
<project name="MyApp" default=".help">
    <import file="${basedir}/.sencha/app/build-impl.xml"/>

    <target name="-before-build">

        <echo message="Collecting all controllers in application class property ... "/>
        <fileset id="app_controllers" dir="${app.dir}/app/controller" casesensitive="yes">
            <include name="**/*.js"/>
        </fileset>
        <pathconvert pathsep="," property="app_controller_names" refid="app_controllers" targetos="unix">
            <chainedmapper>
                <globmapper from="${app.dir}/app/*" to="${ant.project.name}/*" casesensitive="no" handledirsep="yes"/>
                <chainedmapper>
                    <regexpmapper from="^(.*)\.js$$" to='"\1"'/>
                    <filtermapper>
                        <replacestring from="/" to="."/>
                        <replacestring from="\" to="."/>
                    </filtermapper>
                </chainedmapper>
            </chainedmapper>
        </pathconvert>
        <echo message="Collected controllers: ${app_controller_names}"/>

        <echo message="Injecting into app.js ..."/>
        <replaceregexp file="${app.dir}/app/app.js"
                       match="/\*ant-generated-content-start\*/(.*)/\*ant-generated-content-end\*/"
                       replace="/*ant-generated-content-start*/ ${app_controller_names} /*ant-generated-content-end*/"
                       byline="true"
                />
    </target>

    <target name="-after-build">
        <echo message="Reverting to original app.js ..."/>
        <replaceregexp file="${app.dir}/app/app.js"
                       match="/\*ant-generated-content-start\*/(.*)/\*ant-generated-content-end\*/"
                       replace="/*ant-generated-content-start*/ /*ant-generated-content-end*/"
                       byline="true"
                />
    </target>

</project>