1. Tutorials
  2. Vue.js

Vue Cli 3 Analyze Webpack Bundle

August 20, 2018
vue-cli-service build –report

With vue cli 2

npm run build --report

For vue cli 3, edit package.json.

{
  ...

  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "report": "vue-cli-service build --report"
  },

  ...
}
npm run report

Check the output report.html.

References:

❤️ Is this article helpful?
Buy me a coffee☕ or support my work via PayPal to keep this space ad-free.
Or send some 💖 to @d_luaz.
👶 Apps I built
暖心芽 (WIP) 🌞❤️🌱 - reminder of hope, warmth, thoughts and feelings.
Travelopy - travel discovery and journal
LuaPass - offline password manager
WhatIDoNow - a public log of things I am working on now
By Desmond Lua
A dream boy who enjoys programming and travelling, maker of Travelopy. Follow me on @d_luaz.
This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.