<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Electron React!</title>
<link rel="stylesheet" href="./css/photon.min.css" />
<script>
(() => {
if (!process.env.HOT) {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = './dist/style.css';
// HACK: Writing the script path should be done with webpack
document.getElementsByTagName('head')[0].appendChild(link);
}
})();
</script>
</head>
<body>
<div id="root"></div>
{
// Dynamically include DLL if in development
if (process.env.NODE_ENV === 'development') {
const dllScript = document.createElement('script');
dllScript.src = '../dll/vendor.dll.js';
document.body.appendChild(dllScript);
// Dynamically insert the renderer process
const script = document.createElement('script');
const port = process.env.PORT || 1212;
script.src = (process.env.HOT)
? 'http://localhost:' + port + '/dist/bundle.js'
: './dist/bundle.js';
// @HACK: Writing the script path should be done
// with HtmlWebpackPlugin
document.body.appendChild(script);
</body>
</html>
