config/service-worker.config.js

@@ -9,7 +9,7 @@ const ServiceWorkerConfig = {
     extensions: [".js", ".vue"]
   },
   entry: {
-    serviceWorker: [helpers.root("src/service-worker", "service-worker")]
+    serviceWorker: [helpers.root("frontend/service-worker", "service-worker")]
   },
   optimization: {
     minimizer: []
@@ -19,7 +19,7 @@ const ServiceWorkerConfig = {
       {
         test: /\.js$/,
         loader: "babel-loader",
-        include: [helpers.root("src/service-worker", "service-worker")]
+        include: [helpers.root("frontend/service-worker", "service-worker")]
       }
     ]
   },

config/webpack.config.common.js

@@ -12,11 +12,11 @@ const webpackConfig = function(isDev) {
       extensions: [".js", ".vue"],
       alias: {
         vue$: isDev ? "vue/dist/vue.min.js" : "vue/dist/vue.min.js",
-        "@": helpers.root("src")
+        "@": helpers.root("frontend")
       }
     },
     entry: {
-      vinlottis: helpers.root("src", "vinlottis-init")
+      vinlottis: helpers.root("frontend", "vinlottis-init")
     },
     externals: {
         moment: 'moment' // comes with chart.js
@@ -40,7 +40,7 @@ const webpackConfig = function(isDev) {
         {
           test: /\.js$/,
           use: [ "babel-loader" ],
-          include: [helpers.root("src")]
+          include: [helpers.root("frontend")]
         },
         {
           test: /\.css$/,

config/webpack.config.prod.js

@@ -41,7 +41,7 @@ const webpackConfig = merge(commonConfig(false), {
       new HtmlWebpackPlugin({
         chunks: ["vinlottis"],
         filename: "index.html",
-        template: "./src/templates/Index.html",
+        template: "./frontend/templates/Index.html",
         inject: true,
         minify: {
           removeComments: true,

frontend/ui/Chat.vue

@@ -205,8 +205,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import "/src/styles/media-queries.scss";
-@import "/src/styles/variables.scss";
+@import "@/styles/media-queries.scss";
+@import "@/styles/variables.scss";
 h2 {
   text-align: center;
 }