feat(DEV-17): make page refreshes work on local, local:prod and verce…

…l deployments

package.json

@@ -7,7 +7,7 @@
     "test": "jest --config jest.config.ts",
     "test:watch": "jest --watchAll --config jest.config.ts --collectCoverage=false",
     "start": "webpack serve --config webpack.dev.js ",
-    "start-prod": "rm -rf dist && yarn build && npx -y serve dist",
+    "start-prod": "rm -rf dist && yarn build && npx -y serve -s dist",
     "build": "webpack --config webpack.prod.js",
     "lint": "eslint -c .eslintrc.js --ext .ts src",
     "format": "prettier --write .",

vercel.json

@@ -0,0 +1,8 @@
+{
+  "rewrites": [
+    {
+      "source": "/(.*)",
+      "destination": "/"
+    }
+  ]
+}

webpack.dev.js

@@ -10,6 +10,7 @@ module.exports = merge(common, {
   devtool: 'inline-source-map',
   devServer: {
     contentBase: './dist',
+    historyApiFallback: true,
     hot: true,
     onListening: () => {
       openBrowser(`http://${host}:${port}`);