How to include my own javascript files

[hebr3]

Hi,
I want to include my own javascript file into a sencha touch project (having some global constants etc.). To do so I just created the file in the app directory and used in the index.html a
<script type="text/javascript" src="app/filename.js"></script>
This works fine with localhost.

However, as soon as I build a production build and deploy it, I get the error
GET http:/..../myapp/app/filename.js 404 (not found)
--> the build does not get the file automatically

What is the right way of adding my own js-files, so that they automatically become part of the build and are cached on the mobile device?

Thanks, hebr3

[mitchellsimoens]

If you created your app with Sencha Command then you should not edit index.html. Instead you should add JS files to the js property of app.json.

[hebr3]

I added the files to app.json and indeed, now they get deployed.

However, if I add the files not to index.html, I get an error in the code referencing to the global variable in one of my files. It seem that in this case I have to add them to index.html.

[mitchellsimoens]

If you add it to the js array it won't be included? It won't be put into index.html it will be loaded via an ajax call when you launch the production build.

[hguillermo]

Hi guys,

I added the js files in the app.json file and it works in development mode. After I created the production mode using the sencha command it doesn't work. The files are not loaded. Is this a bug? I though all files were minified and concatenated in the app.js file.

[2p0thunder]

Hi guys,

I added the js files in the app.json file and it works in development mode. After I created the production mode using the sencha command it doesn't work. The files are not loaded. Is this a bug? I though all files were minified and concatenated in the app.js file.

I can confirm this behaviour, as I am currently having similar problem. I am loading a config.js file with microloader as specified in the app.json. However, the app, while in production mode, complains that the variables from this file are not defined. When I check my localstorage in the Chrome's resources tab, I can see that the config.js file is loaded, but it is loaded last, that is after the app.js, so I figure it is the reason why the app does not really know about the included file.

I managed to make it working by setting the 'remote' option in app.json to true, like so:

...
"js": [
        {
            "path": "resources/js/config.js",
            "remote": true
        },
        {
            "path": "touch/sencha-touch.js"
        },
        {
            "path": "app.js",
            "bundle": true,  /* Indicates that all class dependencies are concatenated into this file when build */
            "update": "delta"
        }
    ],
... 

However I take this as a workaround and I would be grateful if someone could advise on how to include the config.js file not as remote and as the first one, so that it can be used for settings in the app.

Cheers