From 18807a642a787e29210e58945e5253656754ba82 Mon Sep 17 00:00:00 2001
From: hide_d <hided62@gmail.com>
Date: Fri, 10 Dec 2021 23:12:35 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=95=9E=EC=84=A0=20refactor=EC=97=90?=
 =?UTF-8?q?=EC=84=9C=20=EA=B2=BD=EB=A1=9C=20=EB=AC=B8=EC=A0=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/scss/gateway/login.scss        |  4 +--
 hwe/ts/components/BoardArticle.vue |  2 +-
 hwe/ts/gateway/login.ts            |  1 +
 webpack.config.cjs                 | 47 ++++++++++++++++++++++++++++--
 4 files changed, 49 insertions(+), 5 deletions(-)

diff --git a/hwe/scss/gateway/login.scss b/hwe/scss/gateway/login.scss
index b9ce168f..163c5470 100644
--- a/hwe/scss/gateway/login.scss
+++ b/hwe/scss/gateway/login.scss
@@ -108,11 +108,11 @@ input::-webkit-input-placeholder {
     background-repeat: no-repeat;
     background-position: bottom center;
     margin-top: 5px;
-    background-image: url('../oauth_kakao/kakao_login_join.png');
+    background-image: url('/oauth_kakao/kakao_login_join.png');
 }
 
 #btn_kakao_login:hover {
-    background-image: url('../oauth_kakao/kakao_login_join_ov.png');
+    background-image: url('/oauth_kakao/kakao_login_join_ov.png');
 }
 
 #bottom_box .container {
diff --git a/hwe/ts/components/BoardArticle.vue b/hwe/ts/components/BoardArticle.vue
index 46e35351..56b6bb14 100644
--- a/hwe/ts/components/BoardArticle.vue
+++ b/hwe/ts/components/BoardArticle.vue
@@ -51,7 +51,7 @@
 </template>
 <script lang="ts">
 import { BoardArticleItem } from "@/Board.vue";
-import BoardComment from "@/BoardComment.vue";
+import BoardComment from "@/components/BoardComment.vue";
 import { defineComponent, PropType } from "vue";
 import axios from "axios";
 import { convertFormData } from "@util/convertFormData";
diff --git a/hwe/ts/gateway/login.ts b/hwe/ts/gateway/login.ts
index bd07c605..6e88a148 100644
--- a/hwe/ts/gateway/login.ts
+++ b/hwe/ts/gateway/login.ts
@@ -10,6 +10,7 @@ import { InvalidResponse } from '@/defs';
 import { delay } from '@util/delay';
 import '@/gateway/common';
 
+import '@scss/gateway/login.scss';
 
 type LoginResponse = {
     result: true,
diff --git a/webpack.config.cjs b/webpack.config.cjs
index 0fb288b4..cee42086 100644
--- a/webpack.config.cjs
+++ b/webpack.config.cjs
@@ -274,7 +274,29 @@ module.exports = (env, argv) => {
             {
                 test: /.(s?[ac]ss)$/,
                 use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
-            }]
+            },
+            {
+                test: /\.(png|jpe?g|gif|webp)$/,
+                use: [
+                    {
+                        loader: 'file-loader',
+                        options: {
+                            name: '../dist_misc/[name].[contenthash:8].[ext]'
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.(svg)$/,
+                use: [
+                    {
+                        loader: 'file-loader',
+                        options: {
+                            name: '../dist_misc/[name].[contenthash:8].[ext]'
+                        }
+                    }
+                ]
+            },]
         },
         plugins: [
             new CleanTerminalPlugin(),
@@ -382,7 +404,28 @@ module.exports = (env, argv) => {
             }, {
                 test: /.(s?[ac]ss)$/,
                 use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
-            }]
+            }, {
+                test: /\.(png|jpe?g|gif|webp)$/,
+                use: [
+                    {
+                        loader: 'file-loader',
+                        options: {
+                            name: '../dist_misc/[name].[contenthash:8].[ext]'
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.(svg)$/,
+                use: [
+                    {
+                        loader: 'file-loader',
+                        options: {
+                            name: '../dist_misc/[name].[contenthash:8].[ext]'
+                        }
+                    }
+                ]
+            },]
         },
         plugins: [
             new MiniCssExtractPlugin({