UPchieve/web

Reduce bundle size

Opened this issue · 0 comments

This is obviously very low priority, but here's what the current breakdown of bundle size is

Some big boy libraries in there:

  • vue-phone-number-input (upgrading to v1+ will fix part of that (info). But probably should dynamically import this.
  • moment (#409)
  • sentry (try importing just what you need instead of *)
  • lodash (import just what you need instead of _ from "lodash), and you might need to use lodash-es
  • awesome-phonenumber dynamic import
  • socket.io/engine.io/vue-socket.io not sure for this one. Socket.io has a slim version, but you'd have to fork vue-socket.io to use it, so probably not worth it

To get the bundle size breakdown (image above), you can use BUNDLE_ANALYZER=1 npm run build if #410 gets merged