Merge pull request #8 from bbonkr/dev

Update webpack-dev-server@4 #7
bbonkr · Sep 11, 2021 · 5feec20 · 5feec20
2 parents 84219c5 + 0b45eb8
commit 5feec20
Show file tree

Hide file tree

Showing 7 changed files with 1,288 additions and 5,316 deletions.
diff --git a/build/webpack.config.dev.js b/build/webpack.config.dev.js
@@ -21,14 +21,14 @@ module.exports = {
     },
     devServer: {
         port: 3000,
-        host: '0.0.0.0',
-        contentBase: path.resolve('out'),
         historyApiFallback: true,
         hot: true,
-        hotOnly: true,
-        inline: true,
-        publicPath: '/',
-        watchContentBase: true,
-        writeToDisk: true,
+        liveReload: false,
+        devMiddleware: {
+            writeToDisk: true,
+        },
+        static: {
+            directory: path.resolve('out'),
+        },
     },
 };
diff --git a/build/webpack.config.js b/build/webpack.config.js
@@ -1,6 +1,7 @@
 const webpack = require('webpack');
 const path = require('path');
 const HtmlWebPackPlugin = require('html-webpack-plugin');
+const CopyPlugin = require('copy-webpack-plugin');
 
 const isProduction = process.env.NODE_ENV === 'production';
 
@@ -42,6 +43,14 @@ module.exports = {
             template: 'src/index.html',
             filename: '../index.html',
         }),
+        new CopyPlugin({
+            patterns: [
+                {
+                    from: 'public',
+                    to: path.join(path.resolve(__dirname, '../'), 'out'),
+                },
+            ],
+        }),
     ],
     output: {
         filename: '[name].js',

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,8 +1,8 @@
 {
     "name": "react-starter-kit",
-    "version": "1.0.2",
-    "description": "",
-    "main": "index.js",
+    "version": "1.1.0",
+    "description": "React starter kit",
+    "main": "out/dist/app.js",
     "scripts": {
         "dev": "webpack server --config build/webpack.config.dev.js --mode development",
         "build:dev": "webpack --config build/webpack.config.dev.js",
@@ -47,6 +47,7 @@
         "@typescript-eslint/parser": "^4.15.2",
         "babel-loader": "^8.2.2",
         "babel-plugin-transform-remove-console": "^6.9.4",
+        "copy-webpack-plugin": "^9.0.1",
         "cross-env": "^7.0.3",
         "css-loader": "^5.1.0",
         "eslint": "^7.20.0",
@@ -59,8 +60,8 @@
         "react-refresh": "^0.10.0",
         "style-loader": "^2.0.0",
         "typescript": "^4.2.2",
-        "webpack": "^5.40.0",
+        "webpack": "^5.52.1",
         "webpack-cli": "^4.8.0",
-        "webpack-dev-server": "^3.11.2"
+        "webpack-dev-server": "^4.2.0"
     }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icon.png b/public/icon.png
diff --git a/src/index.html b/src/index.html
@@ -1,9 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <meta name="description" content="react-starter-kit" />
+    <meta name="og:title" content="react-starter-kit" />
+    <meta name="og:site_name" content="react-starter-kit" />
+    <meta name="og:description" content="react-starter-kit" />
+    <meta name="og:image" content="icon.png" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="mobile-web-app-capable" content="yes" />
     <title>React Starter Kit</title>
+    <link href="./favicon.ico" rel="shortcut icon" />
+    <link href="./icon.png" sizes="512*512" rel="apple-touch-icon" />
 </head>
 <body>
     <noscript>