Nuxt.js Analyze Webpack Bundle Size

March 21, 2020

Edit package.json to add nuxt build --analyze

{
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "analyze": "nuxt build --analyze"
  },
}

Usage

npm run analyze

Upon completion, the browser will open the page with visual breakdown of each package size.

Webpack Analyze Bundle Size

This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.