Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to Reduce Your Vue.JS Bundle Size with Webpack

How to Reduce Your Vue.JS Bundle Size with Webpack

The Vue build process will bundle your code for production. Are you shipping way too much code to your customers in your bundle? Learn how you can analyze your bundle size and see how Stanley Black & Decker reduced it by 50%.


Jennifer Bland

March 26, 2019

More Decks by Jennifer Bland

Other Decks in Technology


  1. How to Reduce Your Vue Bundle Size With Webpack Jennifer

  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. What is causing the large bundle size?

  10. None
  11. None
  12. Reduce Size of Lodash

  13. None
  14. None
  15. Reduce Size of Moment

  16. None
  17. None
  18. None
  19. Reduce Size of Vuetify

  20. None
  21. None
  22. None
  23. None
  24. None
  25. Reduce Size of vue-echarts

  26. None
  27. None
  28. None
  29. github.com/ratracegrad Jennifer Bland