How to strip all comments from the testing build?

[robert_k]

I noticed that my testing build app.js file is 1.9Mb, and in the interest of saving bandwidth and loading time I want to strip comments during the build process. I know I can do this with uglifyjs, but how would I integrate this as part of the compilation process?

[mitchellsimoens]

You can create a plugin to hook into the build process

[robert_k]

Mitchell, that much is obvious. What isn't obvious is how to actually accomplish what I'm after. I've never used Ant in my life, and find Sencha Cmd to be undocumented (and therefore hard to extend).

[dongryphon]

You didn't mention which framework you are using and there are some differences in the details there, but maybe something like this in your app's build.xml would work:

    <target name="-after-build">
        <x-strip-js srcfile="${build.page.file}" outfile="${build.page.file}"/>
    </target>

To see the properties in use (and hence things you can control) check out .sencha/app/build-impl.xml.

The "-after-build" target is called on the end of "sencha app build" so you can fine tune the results there as needed.

See also http://docs-devel.sencha.com/ext-js/...de/command_ant

For general Ant tasks, see http://ant.apache.org/manual/index.html

If this needs to be only done in testing builds (since x-strip-js may not like the compressed output), you can do this:

    <target name="-after-build">
        <if>
            <equals arg1="${args.environment}" arg2="testing"/>
            <then>
                <x-strip-js srcfile="${build.page.file}" outfile="${build.page.file}"/>
            </then>
        </if>
    </target>

[robert_k]

You're right, I did forget to mention that I'm using Sencha Touch 2.1.1 with Sencha Cmd 3.0.2.288.

The code you gave throws an error in ST2.1.1/Cmd3.0.2:

[ERR]        BUILD FAILED
[ERR]        java.lang.RuntimeException: $'{'build.page.file'}' (No such file or directory)

I switched the definition to:

    <target name="-after-build">
        <if>
            <equals arg1="${args.environment}" arg2="testing"/>
            <then>
                <x-strip-js srcfile="${build.dir}/testing/app.js" outfile="${build.dir}/testing/app.js"/>
            </then>
        </if>
    </target>

I edited because I found a solution. Seems like just listing the source/output as "app.js" won't tell Ant where to find the file.

[dongryphon]

I think I missed some properties on x-strip-js sorry. Try this:

   <x-strip-js srcfile="${build.dir}/testing/app.js"
        outfile="${build.dir}/testing/app.js"
        blockcomments="true"
        linecomments="true"
        keepfirstcomment="true"/>

You can adjust those three attributes to suite your needs.