Vue-loader: My app.js is 9 MB. How do I analyze the bundle size?

[jakobrosenberg]

Is it possible to analyze the bundle size when running npm run dev?

[yyx990803]

The production build size should be different from dev bundle size, I don't think analyzing dev bundle is useful. Why not disable minification for the production build and see what's included in the bundle?

[jakobrosenberg]

Thanks, that was fast. How would I disable the minification?

[jakobrosenberg]

I think I got it.

[jakobrosenberg]

Sorry, I'm completely lost. I tried disabling various options, but no luck.

[yyx990803]

I will need more information - are you using a template from vue-cli?

[jakobrosenberg]

Yes, the full fledged webpack template.

I was looking at this, but had no idea how to implement it.
https://github.com/robertknight/webpack-bundle-size-analyzer

[yyx990803]

Are you saying the resulting js from npm run build is 9MB?

[jakobrosenberg]

No, the js alone is about 2 MB.

[jakobrosenberg]

Solved it.

webpack(webpackConfig, function (err, stats) {
  fs.writeFileSync('./stats.json', JSON.stringify(stats.toJson()));
  ...