Fixed app routing

assets/sass/layout/main.scss

@@ -2,11 +2,15 @@
   width: 100%;
   text-align: center;
 
-  &__title {
-    margin-bottom: 3rem;
+  &__app {
+
   }
 
   &__button {
 
   }
+
+  &__title {
+    margin-bottom: 3rem;
+  }
 }

package.json

@@ -9,11 +9,12 @@
   },
   "license": "MIT",
   "scripts": {
+    "app": "mkdir build/app && mv build/app.html build/app/index.html",
     "build": "npm run static && webpack --progress --hide-modules",
     "clean": "rm -rf build && mkdir build",
     "sass": "node-sass --include-path node_modules/ assets/sass/main.scss | postcss -o build/assets/css/main.css",
     "start": "npm run build && static build",
-    "static": "npm run clean && npm run public && npm run fonts && npm run pug && npm run sass",
+    "static": "npm run clean && npm run public && npm run fonts && npm run pug && npm run sass && npm run app",
     "dev": "npm run static && webpack-dev-server --inline --hot",
     "fonts": "mkdir -p build/assets/fonts/ && cp -r node_modules/font-awesome/fonts/* build/assets/fonts/",
     "public": "cp -r public/* build/",

pages/app.pug

@@ -7,4 +7,11 @@ block head
   script(src="/assets/js/main.js" defer)
 
 block body
-  #app
+  .page
+    .page__wrapper
+      header.page__header.header
+      main.page__content.main
+        .main__app
+          #app
+      footer.page__footer.footer
+        +coded-with-love-by("Anton G.", "https://github.com/antongunov")

webpack.config.js

@@ -43,10 +43,6 @@ module.exports = {
   },
   devServer: {
     contentBase: resolve('build/'),
-    historyApiFallback: {
-      rewrites: [
-        { from: /^\/app/, to: '/app.html' },
-      ]
-    },
+    historyApiFallback: true,
   },
 };