make id of chunk style link unique

Author: mfikria

src/client/index.jsx

@@ -60,7 +60,7 @@ export default async function Launch({
     moduleHot.addStatusHandler((status) => {
       if (status !== 'ready') return;
       const stamp = shortId();
-      const links = document.querySelectorAll('link[rel=stylesheet][id="tru-style"]');
+      const links = document.querySelectorAll('link[rel=stylesheet][id^="tru-style"]');
       for (let i = 0; i < links.length; i += 1) {
         links[i].href = `${links[i].href.match(/[^?]*/)}?v=${stamp}`;
       }

src/server/renderer.jsx

@@ -177,7 +177,7 @@ export default function factory(webpackConfig, options) {
         assets = assets.filter(asset => asset.endsWith('.css'));
         assets.forEach((asset) => {
           styles.push((
-            `<link data-chunk="${chunk}" id="tru-style" href="${publicPath}${asset}" rel="stylesheet" />`
+            `<link data-chunk="${chunk}" id="tru-style-${chunk.replace('/', '-')}" href="${publicPath}${asset}" rel="stylesheet" />`
           ));
         });
       });

src/shared/containers/AppChunk/index.jsx

@@ -171,7 +171,7 @@ export default class SplitRoute extends React.Component {
               link = document.createElement('link');
               link.setAttribute('data-chunk', chunkName);
               link.setAttribute('href', `${PUBLIC_PATH}/${chunkName}-${timestamp}.css`);
-              link.setAttribute('id', 'tru-style');
+              link.setAttribute('id', `tru-style-${chunkName.replace('/', '-')}`);
               link.setAttribute('rel', 'stylesheet');
               const head = document.getElementsByTagName('head')[0];
               head.appendChild(link);