Nuxt.js: Pages bundles. How to combine them selectively?

[o-alexandrov]

Hello,
As I understand nuxt bundles every page by default into a separate bundle(app).
How to selectively combine few pages or set not to bundle them separately?

_{This question is available on Nuxt.js community (#c491)}

[Atinux]

Hi @OlzhasAlexandrov

Nuxt.js is an opinionated framework and will always code-split every route. This behavior cannot be changed I'm sorry.

I'm thinking of a kind of "expert" mode for avoiding the pages directory by creating a router.js file, this way you will have full control of the pages you want to code-split or not.

[o-alexandrov]

Thank you for the answer and I'm glad that there is a possibility of adding that mode:)

[awronski]

@Atinux Export mode would be great!!

[rvanzon]

but for now, is there a hack or something to combine the chunks or reduce the requests? I have 30-requests now on chunks alone, this takes performance down a lot...

[rvanzon]

Ok, I think I have a solution, add this to the build-section of nuxt.config.js:

Edit: I moved it to gist to not bother this thread with changes: https://gist.github.com/rvanzon/6028e884f6735c41125fb2d140143102

[Atinux]

It's an elegant solution you found @rvanzon :-)

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.