Added an example of the use of res.locals.fs

ferdinando-ferreira · web-flow · commit 1a285fb0e541 · 2018-09-04T21:48:51.000+01:00
diff --git a/README.md b/README.md
@@ -337,17 +337,21 @@ app.use(middleware(compiler, { serverSideRender: true }))
 // The following middleware would not be invoked until the latest build is finished.
 app.use((req, res) => {
   const assetsByChunkName = res.locals.webpackStats.toJson().assetsByChunkName
+  const fs = res.locals.fs
+  const outputPath = res.locals.webpackStats.toJson().outputPath
 
   // then use `assetsByChunkName` for server-sider rendering
   // For example, if you have only one main chunk:
   res.send(`
 <html>
   <head>
     <title>My App</title>
+    <style>
 		${normalizeAssets(assetsByChunkName.main)
 			  .filter(path => path.endsWith('.css'))
-			  .map(path => `<link rel="stylesheet" href="${path}" />`)
+			  .map(path => fs.readFileSync(outputPath + '/' + path))
 			  .join('\n')}
+    </style>
   </head>
   <body>
     <div id="root"></div>
