ui.frontend clientlib generation potential performance optimization

[ahumphreys87]

Expected Behaviour

The webpack build outputs 3 chunks: runtime, vendor, main. These 3 files should be loaded onto pages seperately in order to leverage browser caching in the most optimal manner.

Actual Behaviour

The clientlibs generator will create a single clientlib (clientlib-react) containing all 3 of these files. Bundling them together and creating its hash based on the content of all 3.

These means that whenever we make a change the "main" bundle, the hash of the clientlib changes causing browser cache to be busted.

If we had 3 clientlibs, each bundle would have its own independent cache and hash value.

Reproduce Scenario (including but not limited to)

Steps to Reproduce

1. Build the sample produced by the archetype using a react frontend
2. Observe the js.txt definition of clientlibs-react

Platform and Version

All

Sample Code that illustrates the problem

Logs taken while reproducing problem