Import the EXT JS 6 application into the Web project

Since Ext JS 6 contains Sencha Touch, there are some changes in the application structure, the Ext JS 5 method is not applicable to the new version. After a study, it was found that 6 imported Web projects were simpler than 5.

The following is the process of importing.

1. Creating an application using Sencha cmd

2. Create a Web project

3. Create a script directory in the Web project, such as scripts, directly access the path to HTTP//domain/scripts

4. Copy all files and directories under the created application directory to the scripts directory

5. Copy the index.html directory under the application to the previous level directory of the scripts directory, which is the ability to pass: /index.html access to the directory

6. Open the Scripts/app.json file, and modify the value of Indexhtmlpath to ".. /index.html ", here to be based on your script access path to set, here because it is through http://domain/scripts can access to the App.json file, so use". /index.html "as a value

7. Copy the contents of the index.html file to your real home page, "ext.manifest = profile;" This sentence is changed to "ext.manifest =" scripts/"+ profile;" To load the Classic.json or Modem.json files correctly. Also modify the load path of the bootstrap.js so that the Bootstrap.js file can be loaded.

8. Run the Sencha app build or Sencha app in the scripts directory to create or refresh the app

After the above steps, you will be able to access the application through the homepage of the Web project. For localization issues, the documentation for the official website still follows the 5 method, but the error "[WRN] Failed to resolve package Ext-locale" appears. The appropriate calling method was not found for the moment.

Import the EXT JS 6 application into the Web project