Make serverSideRendering example work consistently (#196)

GeorgeTaveras1231 · shellscape · commit ebb1fe5086df · 2017-06-12T08:49:17.000-04:00
* Make serverSideRendering example work consistently

* Fix interpolation in serverSideRendering example

* Fix script tags
diff --git a/README.md b/README.md
@@ -137,31 +137,39 @@ In the server-side rendering mode, __webpack-dev-middleware__ would sets the `st
 Notice that requests for bundle files would still be responded by __webpack-dev-middleware__ and all requests will be pending until the building process is finished in the server-side rendering mode.
 
 ```javascript
+// This function makes server rendering of asset references consistent with different webpack chunk/entry confiugrations
+function normalizeAssets(assets) {
+  return Array.isArray(assets) ? assets : [assets]
+}
+
 app.use(webpackMiddleware(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
-
+  
   // then use `assetsByChunkName` for server-sider rendering
-	// For example, if you have only one main chunk:
+  // For example, if you have only one main chunk:
 
 	res.send(`
 <html>
   <head>
     <title>My App</title>
 		${
-			assetsByChunkName.main
+			normalizeAssets(assetsByChunkName.main)
 			.filter(path => path.endsWith('.css'))
 			.map(path => `<link rel="stylesheet" href="${path}" />`)
+			.join('\n')
 		}
   </head>
   <body>
     <div id="root"></div>
 		${
-			assetsByChunkName.main
+			normalizeAssets(assetsByChunkName.main)
 			.filter(path => path.endsWith('.js'))
-			.map(path => `<script src="${path}" />`)
+			.map(path => `<script src="${path}"></script>`)
+			.join('\n')
 		}
   </body>
 </html>		
