[Vuejs]-How to have an optimized production build of vue app

1) *.map aren’t used by browser when DevTools is closed so the actual size of your JS is 487kb !

2) It’s hard to analyze what exactly causing such size. From the info you have provided chunk-vendors.597c8310 looks really suspicious.

I guess you should start looking at your dependencies. I suppose you have something like moment, lodash or vee-validate in your bundle. If so, consider looking for altenatives (google).

3) To have the whole picture of dependencies you can use bundle analyzer built-in vue cli.

• open terminal in your project’s dir
• type vue ui and open the url in browser (e.g. http://localhost:8000)
• make sure Vue UI is using you project
• build your app by clicking Tasks > Build
• switch to Analyzer tab
• check and remove “Big guys”