Home Decor

Filter by

Sort by

Creative Casual Trendsetter Mug

Doing It for the Culture Tumbler

Vibrancy Shower Curtains

{ "plugins": ["@loadable/babel-plugin"] } const LoadablePlugin = require('@loadable/webpack-plugin') module.exports = { // ... plugins: [new LoadablePlugin()], } import { ChunkExtractor } from '@loadable/server' // This is the stats file generated by webpack loadable plugin const statsFile = path.resolve('../dist/loadable-stats.json') // We create an extractor from the statsFile const extractor = new ChunkExtractor({ statsFile }) // Wrap your application using "collectChunks" const jsx = extractor.collectChunks() // Render your application const html = renderToString(jsx) // You can now collect your script tags const scriptTags = extractor.getScriptTags() // or extractor.getScriptElements(); // You can also collect your "preload/prefetch" links const linkTags = extractor.getLinkTags() // or extractor.getLinkElements(); // And you can even collect your style tags (if you use "mini-css-extract-plugin") const styleTags = extractor.getStyleTags() // or extractor.getStyleElements(); import { loadableReady } from '@loadable/component' loadableReady(() => { const root = document.getElementById('main') hydrate(, root) }) import { renderToString } from 'react-dom/server' import { ChunkExtractor } from '@loadable/server' const statsFile = path.resolve('../dist/loadable-stats.json') const extractor = new ChunkExtractor({ statsFile }) const html = renderToString(extractor.collectChunks()) const scriptTags = extractor.getScriptTags() // or extractor.getScriptElements();