Bundle Size / Nuxt: Why is vue-server-renderer included in Nuxt Frontend Build

Bug 🐞

What is the current behavior?

Go to the folder examples/nuxt. Add the following script to package.json "analyze": "nuxt build --analyze"

This is the output:

---

The vue-server-renderer with the size of 334KB is added to the frontend bundle!

What is the expected behavior?

vue-server-renderer/basic.js should not be part of the Frontend Build in nuxt.js. It is part of nuxt.js anyway and not used in the frontend.

Does this happen only in specific situations?

No it happens always. Even on the commited example.

What is the proposed solution?

I have no idea.

What is the version you are using?

4.8.0

[reinoldus]

I’ve looked through the code a bit and do not see any reason why webpack wouldn’t bundle vue-server-render. I guess this is the critical statement here:

try {
  _renderToString = require('vue-server-renderer/basic');
} catch (e) {
  // error is handled by regular if, in case it's `undefined`
}

I do not know how to fix it at the core, but I worked around it with some additional config:

In your nuxt config under build (https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-build#extend):

extend(config, { isClient }) {
  // Extend only webpack config for client-bundle
  if (isClient) {
    config.plugins.push(
      new webpack.IgnorePlugin({
        checkResource(resource, context) {
          if (resource.includes('vue-server-renderer')) {
            return true
          }
          // do something with resource
          return false
        },
      })
    )
  }
},

The dependency is gone from the front-end and SSR still works.

Edit: I forgot to mention you also have to import webpack in your nuxt.config.js:

import webpack from 'webpack'

[ayalon]

Unfortunatly this does not work for me. On Nuxt I have to include AisInstantSearchSsr instead of AisInstantSearch . I tried to import it as you said but the bundle size is the same: import AisInstantSearchSsr from 'vue-instantsearch/es/src/components/InstantSearchSsr.js' As soon as I have this dependancy the build in frontend adds the view renderer. Any other ideas? These unneeded 334kb hurt so much in the frontend.