feat : set dynamic assets in header and footer

Author: firestar300

src/templates/partials/footer.php

@@ -37,6 +37,13 @@ function loadJS(e,t){"use strict";var n=window.document.getElementsByTagName("sc
 				loadJS('assets/js/vendor_async/fonts-css-async.js');
 			}
 		</script>
-		<script src="assets/app.js" async defer></script>
+		<?php
+		if ( is_readable( dirname( __FILE__ ) . '/../WebpackBuiltFiles.php' ) ) {
+			require_once dirname( __FILE__ ) . '/../WebpackBuiltFiles.php';
+			foreach ( WebpackBuiltFiles::$jsFiles as $file ) { ?>
+				<script src="assets/<?php echo $file; ?>" async defer></script>
+			<?php }
+		}
+		?>
 	</body>
 </html>

src/templates/partials/header.php

@@ -51,7 +51,14 @@
 			<script type="text/javascript" src="assets/js/vendor_ie/selectivizr.js"></script>
 		<![endif]-->
 
-		<link rel="stylesheet" href="assets/app.css">
+		<?php
+		if ( is_readable( dirname( __FILE__ ) . '/../WebpackBuiltFiles.php' ) ) {
+			require_once dirname( __FILE__ ) . '/../WebpackBuiltFiles.php';
+			foreach ( WebpackBuiltFiles::$cssFiles as $file ) { ?>
+				<link rel="stylesheet" href="assets/<?php echo $file; ?>">
+			<?php }
+		}
+		?>
 
 		<!-- jQuery from official WordPress Core -->
 		<script type="text/javascript" src="assets/js/vendor_async/jquery.js"></script>