Move dist assets to a containing folder

public/index.html

@@ -14,11 +14,11 @@
 	<meta name="apple-mobile-web-app-capable" content="yes" />
 	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
-    <link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>favicons/apple-touch-icon.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>live-atlas/favicons/apple-touch-icon.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>favicons/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>live-atlas/favicons/favicon-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>favicons/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="<%= BASE_URL %>live-atlas/favicons/favicon-16x16.png">
-	<link rel="manifest" href="<%= BASE_URL %>favicons/site.webmanifest">
+	<link rel="manifest" href="<%= BASE_URL %>live-atlas/favicons/site.webmanifest">
-	<link rel="shortcut icon" href="<%= BASE_URL %>favicons/favicon.ico">
+	<link rel="shortcut icon" href="<%= BASE_URL %>live-atlas/favicons/favicon.ico">
 
     <title>Minecraft Dynamic Map</title>
 

vue.config.js

@@ -1,5 +1,15 @@
 module.exports = {
 	publicPath: '',
+	assetsDir: 'live-atlas',
+
+	pluginOptions: {
+        svgSprite: {
+            loaderOptions: {
+                extract: true,
+                spriteFilename: 'live-atlas/img/icons.[hash:8].svg'
+            },
+        }
+    },
 
 	chainWebpack: config => {
 		config.plugin('html')