Use html-webpack-plugin for template loading

Author: sanex3339

package.json

@@ -52,5 +52,8 @@
     "url-loader": "1.0.1",
     "webpack": "4.4.1",
     "webpack-cli": "2.0.13"
+  },
+  "devDependencies": {
+    "html-webpack-plugin": "^3.2.0"
   }
 }

server.js

@@ -17,7 +17,7 @@ app.use('/static/images', express.static(__dirname + '/public/images'));
 app.use('/static/semantic', express.static(__dirname + '/public/semantic'));
 
 app.get('/', function (req, res) {
-    res.sendFile(__dirname + '/templates/index.html');
+    res.sendFile(__dirname + '/dist/index.html');
 });
 
 app.post('/obfuscate', function (req, res) {

templates/index.html

@@ -618,7 +618,5 @@ <h3 class="ui header">Support project:</h3>
 
 </div>
 
-<script src="/static/dist/bundle.js"></script>
-
 </body>
 </html>

webpack.conf.js

@@ -1,6 +1,7 @@
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 
 const extractLESS = new ExtractTextPlugin('stylesheets/[name].css');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
     context: __dirname,
@@ -35,6 +36,10 @@ module.exports = {
         ]
     },
     plugins: [
+        new HtmlWebpackPlugin({
+            template: './templates/index.html',
+            hash: true
+        }),
         extractLESS
     ]
 };