fixed favicons and added service-worker

Signed-off-by: Pascal Syma <pascal@syma.dev>

webpack/base.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2020. Pascal Syma <pascal@syma.dev>
+ * Copyright (c) 2020. Antonio Martinez Casadesus and Pascal Syma.
  * All rights reserved.
  */
 
@@ -46,8 +46,11 @@ module.exports = {
       logo: './public/favicon.png',
       publicPath: "./",
       favicons: {
-        appName: 'mi2mario',
-        appDescription: 'MI2Mario',
+        manifestRelativePaths: true,
+        start_url: "../",
+        appName: 'MI2Mario',
+        appDescription: 'MI2 Mario',
+        appShortName: "mi2mario",
         developerName: 'Pascal Syma',
         developerURL: "https://syma.dev",
         background: '#000',

webpack/prod.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2020. Pascal Syma <pascal@syma.dev>
+ * Copyright (c) 2020. Antonio Martinez Casadesus and Pascal Syma.
  * All rights reserved.
  */
 
@@ -7,6 +7,7 @@ const merge = require("webpack-merge");
 const path = require("path");
 const base = require("./base");
 const TerserPlugin = require("terser-webpack-plugin");
+const WorkboxPlugin = require('workbox-webpack-plugin');
 
 module.exports = merge(base, {
     mode: "production",
@@ -28,5 +29,11 @@ module.exports = merge(base, {
                 }
             })
         ]
-    }
+    },
+    plugins: [
+        new WorkboxPlugin.GenerateSW({
+            clientsClaim: true,
+            skipWaiting: true,
+        }),
+    ]
 });