Javascript is required
Mokkapps LogoMichael Hoffmann

Nuxt Tip: Analyse Production Bundle

Michael Hoffmann (Mokkapps) - Senior Frontend Developer (Freelancer)
Michael Hoffmann
Jan 23, 2023
1 min read
Nuxt Tip: Analyse Production Bundle Image
New Vue & Nuxt tips delivered to your inbox:

nuxi analyse is an experimental feature that builds your Nuxt application and analyses the production bundle.

To get started, simply call the following command in your project's directory:

npx nuxi analyze

This command creates a local server to view your production bundles:

Local Server

You can select if you want to view bundle stats for the client or the Nitro server.

The following pictures show the client and server bundle stats for

Client Bundle StatsNitro Server Bundle Stats

At first glance, everything could seem overwhelming, but the larger the rectangle, the bigger the dependency is within the bundle and the more likely it is to have an impact on performance.

If you liked this Vue tip, follow me on Twitter to get notified about new tips, blog posts, and more. Alternatively (or additionally), you can subscribe to my weekly Vue newsletter.