ehellman/es6-and-legacy-bundle-loading-minified.html

## es6-and-legacy-bundle-loading-minified.html
<!DOCTYPE html>
<html>
  <head>
    <title>ES6 and Legacy bundle loading</title>
  </head>
  <body>
    Hi
    <script>
      // populate this on the server or via webpack
      window.__APP_CHUNKS__ = {
        es: [
          '/main.js',
          '/first.chunk.js',
          '/second.chunk.js'
        ],
        legacy: [
          '/main.legacy.js',
          '/first.legacy.chunk.js',
          '/second.legacy.chunk.js'
        ]
      };
      // load correct bundles
      var s=document.createElement('script');var c=[];if(s.noModule===false)
      {window.__APP_CHUNKS__.es.forEach(function(h){var n=document.createElement('script');
      n.setAttribute('src', h);c.push(n);});}else{window.__APP_CHUNKS__.legacy.forEach(
      function(b){var g=document.createElement('script');g.setAttribute('src', b);c.push(g);
      });};c.forEach(function(v){v.setAttribute('defer',true);document.body.appendChild(v);});
    </script>
  </body>
</html>

## es6-and-legacy-bundle-loading.html
<!DOCTYPE html>
<html>
  <head>
    <title>ES6 and Legacy bundle loading</title>
  </head>
  <body>
    <script>

      // populate this on the server or via webpack
      window.__APP_CHUNKS__ = {
        es: [
          '/main.js',
          '/first.chunk.js',
          '/second.chunk.js'
        ],
        legacy: [
          '/main.legacy.js',
          '/first.legacy.chunk.js',
          '/second.legacy.chunk.js'
        ]
      };

      var appScript = document.createElement('script');
      var chunks = [];
      if (appScript.noModule === false) {
        // If `noModule` is defined on the script tag, the browser should support Modules
        window.__APP_CHUNKS__.es.forEach(function(chunk) {
          var es6ChunkScriptTag = document.createElement('script');
          es6ChunkScriptTag.setAttribute('src', chunk);
          chunks.push(es6ChunkScriptTag);
        });
      } else {
        // Otherwise load the legacy src
        window.__APP_CHUNKS__.legacy.forEach(function(chunk) {
          var legacyChunkScriptTag = document.createElement('script');
          legacyChunkScriptTag.setAttribute('src', chunk);
          chunks.push(legacyChunkScriptTag);
        });
      };

      chunks.forEach(function(chunk) {
        chunk.setAttribute('defer', true);
        document.body.appendChild(chunk);
      });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>ES6 and Legacy bundle loading</title>
	</head>
	<body>
	Hi
	<script>
	// populate this on the server or via webpack
	window.__APP_CHUNKS__ = {
	es: [
	'/main.js',
	'/first.chunk.js',
	'/second.chunk.js'
	],
	legacy: [
	'/main.legacy.js',
	'/first.legacy.chunk.js',
	'/second.legacy.chunk.js'
	]
	};
	// load correct bundles
	var s=document.createElement('script');var c=[];if(s.noModule===false)
	{window.__APP_CHUNKS__.es.forEach(function(h){var n=document.createElement('script');
	n.setAttribute('src', h);c.push(n);});}else{window.__APP_CHUNKS__.legacy.forEach(
	function(b){var g=document.createElement('script');g.setAttribute('src', b);c.push(g);
	});};c.forEach(function(v){v.setAttribute('defer',true);document.body.appendChild(v);});
	</script>
	</body>
	</html>