Change build directory in Sencha ExtJS

I being working with DevOps, my job would be to automate build process and setup continuous integration for wide range of technologies.

With ExtJS framework, I need to change the build directory so I could push the build to remote server rather than build directory inside app folder.

Questions rises, how do I change the build directory in Sencha ExtJS framework.

If you working with ExtJS version 5 or 6 and you need to change the build directory for the ExtJS App, there are multiple places where you can change

Option 1: Command prompt

command: sencha app build testing <path of directory>

This is put the output in the mention directory here, overiding all the build directory configure for the application

Option 2: Properties File

There are various properties file in {App Root Dir}\.sencha\app

If you want to change environment specific various, there are file name. This file overrides build.properties file in the built

development.properties

testing.properties

testing.properties

There are other files which contains default properties for that environment, which you shouldn’t modified, they are just for reference. You use properties file to override environment specific variables

development.defaults.properties

testing.defaults.properties

production.defaults.properties

In this file, you can change build.dir

build.dir=c:/MyCustomDirectory

Remember, in Sencha, paths needs to specify by forward slash “/”, compare to windows convention of paths with backwards slash “\”. Don’t know the reason why?

Option 3: App.json

Here, in app.json, this file exists in the root of the directory. Here, there is environment property sections, where you could change the output directory as shown below

Remember, in Sencha, paths needs to specify by forward slash “/”, compare to windows convention of paths with backwards slash “\”.

E.g. C:\Shabs\Dir1\Dir2 would be C:/Shabs/Dir1/Dir2

Reference

https://www.sencha.com/forum/showthread.php?297465