6

Enter the Sencha SDK tools to group other js files specified in app.json

 3 years ago
source link: https://www.codesd.com/item/enter-the-sencha-sdk-tools-to-group-other-js-files-specified-in-app-json.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Enter the Sencha SDK tools to group other js files specified in app.json

advertisements

My app.json file of a Sencha touch 2 application contain.

"js": [
    {
        "path": "sdk/sencha-touch.js"
    },
    {"path": "js/mootools-1.2.5-core.js"}, // I want these files to be bundled too
    {"path": "js/mootools-1.2.5.1-more.js"}, // <----------+
    {"path": "js/soundmanager2-nodebug-jsmin.js"}, // <----+
           ...                                     // <----+ and there are more.
           ...

    {
        "path": "app.js",
        "bundle": true,  /* Indicates that all class dependencies are concatenated into this file when build */
        "update": "delta"
    },

Now I see when I invoke sencha app build production It compiles all the sencha classes into a giant app.js file. But all my other classes are just compressed to build directory. They are not concatenated. how can I include them in app.js?

F.A.Q.

  1. Your json file is properly written, right?

    A. Yes, app.json is written without any syntax error. The project builds successfully on invoking sencha app build production


After looking at the source code and talking with the devs behind Cmd, it appears that it is currently not possible.

However, because the build file is written in JavaScript, in theory, it wouldn't take much to modify it and add this functionality into Cmd.

You can find the Sencha Touch build file in:

CMD-ROOT/plugins/touch/current/app-build.js

Where CMD-ROOT is the location of the sencha command - which you can find out by using which sencha.

On my system (OSX), the path is:

/Users/Robert/bin/Sencha/Cmd/3.0.0.250/plugins/touch/current/app-build.js

Hopefully this is of some help to you.

Update

It appears that, after talking to another Cmd developer, this actually is possible. There are 2 steps you need to take to make it happen:

1) Add the skipFrameworkFile property into each JS resource you want to bundle. This tells the compiler to not copy the resource when your build your app.

{
    "path": "resources/js/jquery.js",
    "skipFrameworkFile": true
},

    "path": "resources/js/jquery2.js",
    "skipFrameworkFile": true
}

2) Require each of the files in your app.js file using the @require tag. This tells the compiler to include each of your files into your app.js file.

//@require resources/js/jquery.js
//@require resources/js/jquery2.js


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK