reduce chunk size

[oliver-sanders]

We have some large "chunks" which slows down load time and makes the app heavier.

From my last build:

  File                        Size                      Gzipped

  dist/js/chunk-vendors.js    24796.42 KiB              5687.12 KiB
  dist/js/app.js              2852.34 KiB               512.12 KiB
  dist/js/14.js               2669.69 KiB               492.45 KiB
  dist/js/13.js               1989.69 KiB               448.55 KiB
  dist/js/0.js                1034.44 KiB               278.50 KiB
  dist/js/15.js               396.93 KiB                65.44 KiB
  dist/js/3.js                352.02 KiB                58.98 KiB
  dist/js/16.js               164.37 KiB                32.33 KiB
  dist/js/2.js                163.59 KiB                35.03 KiB
  dist/js/17.js               122.24 KiB                24.84 KiB
  dist/js/4.js                113.75 KiB                24.37 KiB
  dist/js/35.js               102.50 KiB                24.09 KiB
  dist/js/5.js                94.12 KiB                 17.86 KiB
  dist/js/8.js                88.65 KiB                 23.97 KiB
  dist/js/18.js               66.44 KiB                 15.21 KiB
  dist/js/20.js               54.96 KiB                 11.86 KiB
  dist/js/12.js               51.92 KiB                 15.42 KiB
  dist/js/7.js                45.79 KiB                 13.30 KiB
  dist/js/21.js               39.92 KiB                 9.16 KiB
  dist/js/19.js               38.39 KiB                 9.48 KiB
  dist/js/24.js               32.34 KiB                 8.51 KiB
  dist/js/1.js                31.99 KiB                 9.24 KiB
  dist/js/9.js                28.58 KiB                 8.44 KiB
  dist/js/34.js               26.54 KiB                 8.56 KiB
  dist/js/31.js               23.87 KiB                 7.15 KiB
  dist/js/23.js               22.90 KiB                 6.85 KiB
  dist/js/6.js                20.75 KiB                 7.05 KiB
  dist/js/32.js               19.30 KiB                 6.27 KiB
  dist/js/33.js               18.13 KiB                 6.78 KiB
  dist/js/10.js               14.41 KiB                 4.90 KiB
  dist/js/29.js               13.99 KiB                 4.17 KiB
  dist/js/11.js               11.38 KiB                 4.32 KiB
  dist/js/30.js               10.67 KiB                 3.92 KiB
  dist/js/28.js               9.88 KiB                  3.69 KiB
  dist/js/25.js               9.27 KiB                  3.40 KiB
  dist/js/22.js               8.51 KiB                  3.21 KiB
  dist/js/26.js               5.55 KiB                  2.50 KiB
  dist/js/27.js               4.24 KiB                  2.08 KiB
  dist/fonts.css              3.64 KiB                  0.77 KiB

That 5687.12 KiB file is pretty darned large and is always loaded. We plan to add more functionality which will increase the dependency base so could do with getting the house in order.

There are things we can do to improve this, here's a nice blog post which outlines some approaches:

https://qwertovsky.com/blog/posts/00025_reduce_the_size_of_vue.js_app.md/

Pull requests welcome!