Include extra scripts in Ext JS build

[Stoot98]

Hi

I'm trying to use Sencha Cmd to build an Ext JS 4.1.1a application that uses a third party script (non-Ext) which I have included in the index.html - all works well in this dev environment.

However, when I try to build with Sencha Cmd 3.0.2.288 I need a way to include these extra scripts in the process so they are copied to the output directory.

In a Sencha Touch app you would include these in the app.json file but I'm not sure what the equivalent is for Ext JS?

The "built" index.html includes the references to the files but they are not copied over.

Any pointers would be appreciated!

Cheers
Stuart

[mitchellsimoens]

This is simple to do; all that's needed is to choose the appropriate target in build.xml. For this example, we'll hook into the -after-page build target to minify the 3rd-party script. Place the following into your project root node in build.xml:

<property name="common.dir" location="common"/>

<target name="-after-page">
    <x-sencha-command>
        fs
        minify
            --from=${common.dir}/in.js
            --to=${common.dir}/out.js
            --compressor=closurecompiler
    </x-sencha-command>
</target>

Note that it's also possible to define the common.dir property in the ./.sencha/app/sencha.cfg file:

app.name=MyApp
app.framework=ext
app.classpath=${app.dir}/app

common.dir=common

app.cmd.version=3.0.2.288

And here we'll combine the two operations into one:

<target name="-after-page">
    <x-sencha-command>
        fs
        minify
            --from=${common.dir}/in.js
            --to=${common.dir}/out.js
            --compressor=closurecompiler
        and
        concatenate
            --from=${build.dir}/all-classes.js,${common.dir}/out.js
            --to=${build.dir}/final-build.js
    </x-sencha-command>
</target>

[mono blaine]

Is there any way to overwrite or delete a previously concatenated file just before the "fs concatenate" command is executed? An additional argument, maybe? Docs won't help.

[mono blaine]

OK, found it. We could just use ant stuff within <target name="-after-page">:

<delete file="${path.to.some.file}"/>

[Stoot98]

Thanks for the reply Mitchell, that got things sorted.

Cheers
Stuart