I am developing a large single-page web application in ExtJS 6 (classic toolkit) that primarily consists of a tab panel. There will eventually be several hundred different "screens" that can be opened as tabs.
The core structure of the app, and various components that are common across screens (grids, forms, etc), will be loaded with the page as usual (minified by Sencha Cmd for production or discovered via requires
declarations in development). But the view components for each screen will only be loaded when that specific screen is requested, via an Ext.require()
call.
Changes to the core components of the app will require a browser refresh to update the page with the changes, and that is fine. These will be relatively rare. But during the development of a single screen, changing its specific view component and refreshing to observe changes will also require a browser refresh.
Refreshing the whole app in this case seems like unnecessary overhead. Given that I'm downloading the relevant screen-based JS file on-the-fly anyway (at least the first time it is required), it seems it should be possible to force a re-download of it so that just the screen being worked on can be refreshed.
So, is it possible to force such a re-download, using Ext.require()
or some other method?