Develop

.editorconfig

@@ -0,0 +1,22 @@
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.{tsx, ts, scss, css, html, json}]
+indent_style = space
+indent_size = 2
+tab_width = 2
+
+[*.min.*]
+indent_style = ignore
+trim_trailing_whitespace = false
+insert_final_newline = ignore
+
+[*.{diff,md}]
+trim_trailing_whitespace = false

configs/webpack/common.js

@@ -31,7 +31,7 @@ module.exports = {
       },
     ],
   },
-  plugins: [new HtmlWebpackPlugin({ template: "index.html.ejs" })],
+  plugins: [new HtmlWebpackPlugin({ template: "index.html.ejs", favicon: "./favicon.ico" })],
   externals: {
     react: "React",
     "react-dom": "ReactDOM",

configs/webpack/dev.js

@@ -19,7 +19,8 @@ module.exports = merge(commonConfig, {
     new webpack.HotModuleReplacementPlugin(), // enable HMR globally
   ],
   devServer: {
-    contentBase: './dist',
+    contentBase: "./dist",
     hot: true,
-  }
+    historyApiFallback: true,
+  },
 });

express.js

@@ -1,11 +1,12 @@
-const express = require('express');
+const express = require("express");
 const app = express();
 const portNumber = 3000;
-const sourceDir = 'dist';
+const sourceDir = "dist";
 
 app.use(express.static(sourceDir));
 
 app.listen(portNumber, () => {
   console.log(`Express web server started: http://localhost:${portNumber}`);
   console.log(`Serving content from /${sourceDir}/`);
 });
+