faceyspacey/webpack-magic-comments-usage.js

## webpack-magic-comments-usage.js
export default webpackStats => (req, res) => {
  const appString = ReactDOM.renderToString(<App />)

  const chunkNames = flushChunkNames()
  const assets = webpackStats.assetsByChunkName
  const filesForChunk = chunk => assets[chunk]
  const files = flatten(chunkNames.map(filesForChunk))

  const scripts = files.filter(f => f.endsWith('.js'))
  const stylesheets = files.filter(f => f.endsWith('.css'))
  const base = webpackStats.publicPath

  res.send(
    `<!doctype html>
      <html>
        <head>
          ${stylesheets
              .map(f => `<link rel='stylesheet' href='${base}/${f}' />`)
              .join('\n')
          }
        </head>
        <body>
          <div id="root">${appString}</div>
          ${scripts
              .map(f => `<script src='${base}/${f}'></script>`)
              .join('\n')
          }
        </body>
      </html>`
  )
}

const flatten = (array) => [].concat(...array)
	export default webpackStats => (req, res) => {
	const appString = ReactDOM.renderToString(<App />)

	const chunkNames = flushChunkNames()
	const assets = webpackStats.assetsByChunkName
	const filesForChunk = chunk => assets[chunk]
	const files = flatten(chunkNames.map(filesForChunk))

	const scripts = files.filter(f => f.endsWith('.js'))
	const stylesheets = files.filter(f => f.endsWith('.css'))
	const base = webpackStats.publicPath

	res.send(
	`<!doctype html>
	<html>
	<head>
	${stylesheets
	.map(f => `<link rel='stylesheet' href='${base}/${f}' />`)
	.join('\n')
	}
	</head>
	<body>
	<div id="root">${appString}</div>
	${scripts
	.map(f => `<script src='${base}/${f}'></script>`)
	.join('\n')
	}
	</body>
	</html>`
	)
	}

	const flatten = (array) => [].concat(...array)