Prevent preloading a chunk even if it is used on the server

💬 Questions and Help

I have a ssr enabled site and am trying to use progressive hydration on the client side, but since the component is rendered on the server side, ChunkExtractor reports the chunk in getScriptTags and getLinkTags . I want to load the corresponding chunks for a component only when it is about to get hydrated (i.e. enter the viewport) . Is there a way where I can tell loadable to exclude a chunk from being reported as being used ?

[markwoodward23]

@xtroncode I’ve actually done actually that in a company project - I’ll see if I can extract it into something more open. Essentially we use loadable for the common things like vendor bundles etc, then anything which is dynamic we use a standard dynamic import, or a require when we’re on the server. That generates the dynamic bundles with webpack, requires the module as normal when SSR, and you can lazy hydrate those bundles in on intersection on the client. SEO + performance wins all round.

Will link to something in the next few days, remind me if not.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.