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 {

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";

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,

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({