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
Tweet

More Decks by Jennifer Bland

Other Decks in Technology

Transcript

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

    View full-size slide

  2. What is causing the
    large bundle size?

    View full-size slide

  3. Reduce Size of Lodash

    View full-size slide

  4. Reduce Size of Moment

    View full-size slide

  5. Reduce Size of Vuetify

    View full-size slide

  6. Reduce Size of vue-echarts

    View full-size slide

  7. github.com/ratracegrad
    Jennifer Bland

    View full-size slide