chore: add copy plugin and include image assets

Author: yeonjuan

package-lock.json

@@ -60,6 +60,7 @@
     "@types/react-router-dom": "^5.1.6",
     "babel-loader": "^8.1.0",
     "compression-webpack-plugin": "^6.0.3",
+    "copy-webpack-plugin": "^6.2.1",
     "css-loader": "^4.3.0",
     "dts-minify": "^0.2.0",
     "eslint-config-prettier": "^6.12.0",

package.json

@@ -2,6 +2,7 @@ const path = require("path");
 const HtmlPlugin = require("html-webpack-plugin");
 const webpack = require("webpack");
 const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
+const CopyPlugin = require("copy-webpack-plugin");
 
 module.exports = {
   module: {
@@ -43,6 +44,13 @@ module.exports = {
         test: /\.css$/,
         use: ["style-loader", "css-loader"],
       },
+      {
+        test: /\.png$/,
+        loader: "file-loader",
+        options: {
+          outputPath: "assets",
+        },
+      },
     ],
   },
   resolve: {
@@ -73,6 +81,11 @@ module.exports = {
       filename: "./index.html",
     }),
     new FaviconsWebpackPlugin(path.resolve(__dirname, "./assets/favicon.png")),
+    new CopyPlugin({
+      patterns: [
+        { from: path.resolve(__dirname, "assets/share.png"), to: "assets" },
+      ],
+    }),
   ],
   output: {
     filename: "[name].[hash].js",