Question

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

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。问题是我的动态加载的控制器不包含在该文件中。

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

我知道，我可以在我的app.js中列出它们，或者使用Ext.require包含在某个文件中，但我正在寻找正确的方法来包含超过100种不同的控制器，视图，模型和在我的构建中自动存储。我相信Ext JS的其他用户正在创建大型应用程序并且正在以某种方式构建，我会感激任何建议或只是success stories，这将帮助我找到正确的构建方法。

Answer 1

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

请注意，您需要使用中的完全限定名称使用数组！

我不使用buildtool，因此我无法测试它，但它应该可以工作。

从@bhovhannes提供的评论 示例更新

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

<强> 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>

使用Sencha Cmd和动态加载的控制器

1 个答案: