refactor: 상대경로를 @ 시작 절대경로로

.eslintrc.cjs

@@ -24,5 +24,16 @@ module.exports = {
     "vue/no-multiple-template-root": "off",
     "vue/no-v-for-template-key": "off",
     "vue/multi-word-component-names": "off",//TODO: 삭제
-  }
+  },
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@', './hwe/ts'],
+          ['@util', './hwe/ts/util'],
+          ['@scss', './hwe/scss'],
+        ]
+      }
+    }
+  },
 }

hwe/ts/Board.vue

@@ -60,18 +60,18 @@
 </template>
 
 <script lang="ts">
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
 import "../../css/config.css";
 
 import { defineComponent, onMounted, reactive, ref } from "vue";
-import TopBackBar from "./components/TopBackBar.vue";
-import BoardArticle from "./components/BoardArticle.vue";
-import { convertFormData } from "./util/convertFormData";
+import TopBackBar from "@/components/TopBackBar.vue";
+import BoardArticle from "@/components/BoardArticle.vue";
+import { convertFormData } from "@util/convertFormData";
 import axios from "axios";
-import { InvalidResponse } from "./defs";
-import { autoResizeTextarea } from "./util/autoResizeTextarea";
-import { unwrap } from "./util/unwrap";
+import { InvalidResponse } from "@/defs";
+import { autoResizeTextarea } from "@util/autoResizeTextarea";
+import { unwrap } from "@util/unwrap";
 export type BoardResponse = {
   result: true;
   articles: Record<number, BoardArticleItem>;

hwe/ts/Join.vue

@@ -294,11 +294,11 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
 
 import { defineComponent } from "vue";
-import TopBackBar from "./components/TopBackBar.vue";
+import TopBackBar from "@/components/TopBackBar.vue";
 import {
   CTable,
   CTableBody,
@@ -306,18 +306,18 @@ import {
   CTableHeaderCell,
   CTableDataCell,
 } from "@coreui/vue/src/components/table";
-import { getIconPath } from "./util/getIconPath";
-import { isBrightColor } from "./util/isBrightColor";
+import { getIconPath } from "@util/getIconPath";
+import { isBrightColor } from "@util/isBrightColor";
 import {
   abilityLeadint,
   abilityLeadpow,
   abilityPowint,
   abilityRand,
-} from "./util/generalStats";
+} from "@util/generalStats";
 import { clone, shuffle, sum } from "lodash";
 import axios from "axios";
-import { InvalidResponse } from "./defs";
-import NumberInputWithInfo from "./components/NumberInputWithInfo.vue";
+import { InvalidResponse } from "@/defs";
+import NumberInputWithInfo from "@/components/NumberInputWithInfo.vue";
 
 declare const nationList: {
   nation: number;

hwe/ts/NPCControl.vue

@@ -459,8 +459,8 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
 
 import { defineComponent } from "vue";
 import {
@@ -470,17 +470,17 @@ import {
   NPCChiefActions,
   NPCGeneralActions,
   ToastType,
-} from "./defs";
-import NumberInputWithInfo from "./components/NumberInputWithInfo.vue";
+} from "@/defs";
+import NumberInputWithInfo from "@/components/NumberInputWithInfo.vue";
 import { cloneDeep, isEqual, last } from "lodash";
-import { unwrap } from "./util/unwrap";
-import { convertFormData } from "./util/convertFormData";
+import { unwrap } from "@util/unwrap";
+import { convertFormData } from "@util/convertFormData";
 import axios from "axios";
-import { NPCPriorityBtnHelpMessage } from "./helpTexts";
+import { NPCPriorityBtnHelpMessage } from "@/helpTexts";
 import draggable from "vuedraggable";
-import MyToast from "./components/MyToast.vue";
-import TopBackBar from "./components/TopBackBar.vue";
-import { convertIDArray } from "./util/convertIDArray";
+import MyToast from "@/components/MyToast.vue";
+import TopBackBar from "@/components/TopBackBar.vue";
+import { convertIDArray } from "@util/convertIDArray";
 
 declare const nationID: number;
 

hwe/ts/ReservedCommand.vue

@@ -203,13 +203,13 @@ import addMinutes from "date-fns/esm/addMinutes";
 import { range } from "lodash";
 import { stringifyUrl } from "query-string";
 import { defineComponent } from "vue";
-import { formatTime } from "./util/formatTime";
-import { joinYearMonth } from "./util/joinYearMonth";
-import { mb_strwidth } from "./util/mb_strwidth";
-import { parseTime } from "./util/parseTime";
-import { parseYearMonth } from "./util/parseYearMonth";
-import { sammoAPI } from "./util/sammoAPI";
-import { filter초성withAlphabet } from "./util/filter초성withAlphabet";
+import { formatTime } from "@util/formatTime";
+import { joinYearMonth } from "@util/joinYearMonth";
+import { mb_strwidth } from "@util/mb_strwidth";
+import { parseTime } from "@util/parseTime";
+import { parseYearMonth } from "@util/parseYearMonth";
+import { sammoAPI } from "@util/sammoAPI";
+import { filter초성withAlphabet } from "@util/filter초성withAlphabet";
 
 type commandItem = {
   value: string;
@@ -544,10 +544,10 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-@import "../scss/common/break_500px.scss";
-@import "../scss/common/variables.scss";
-@import "../scss/common/bootswatch_custom_variables.scss";
-@import "../../node_modules/bootstrap/scss/bootstrap-utilities.scss";
+@import "@scss/common/break_500px.scss";
+@import "@scss/common/variables.scss";
+@import "@scss/common/bootswatch_custom_variables.scss";
+@import "bootstrap/scss/bootstrap-utilities.scss";
 
 .commandPad {
   background-color: $gray-900;

hwe/ts/battle_simulator.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
 import 'bootstrap';
 import download from 'downloadjs';
-import { unwrap } from "./util/unwrap";
+import { unwrap } from "@util/unwrap";
 import { isInteger } from 'lodash';
-import { combineArray, errUnknown, getNpcColor } from './common_legacy';
-import { isBrightColor } from "./util/isBrightColor";
-import { numberWithCommas } from "./util/numberWithCommas";
-import { unwrap_any } from './util/unwrap_any';
-import { BasicGeneralListResponse, InvalidResponse } from './defs';
-import { formatTime } from './util/formatTime';
+import { combineArray, errUnknown, getNpcColor } from '@/common_legacy';
+import { isBrightColor } from "@util/isBrightColor";
+import { numberWithCommas } from "@util/numberWithCommas";
+import { unwrap_any } from '@util/unwrap_any';
+import { BasicGeneralListResponse, InvalidResponse } from '@/defs';
+import { formatTime } from '@util/formatTime';
 
 type CityAttackerInfo = {
     level: number,

hwe/ts/betting.ts

@@ -1,9 +1,9 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from './defs';
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from './util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
 
 $(function($){
     setAxiosXMLHttpRequest();

hwe/ts/bossInfo.ts

@@ -1,9 +1,9 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse } from './defs';
-import { unwrap_any } from './util/unwrap_any';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { unwrap_any } from '@util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import 'bootstrap';
 import 'select2/dist/js/select2.full.js'
 

hwe/ts/chiefCenter.ts

@@ -2,15 +2,15 @@ import axios from 'axios';
 import $ from 'jquery';
 import { range } from 'lodash';
 import { addMinutes } from 'date-fns';
-import { errUnknown, getNpcColor } from './common_legacy';
-import { InvalidResponse } from './defs';
-import { unwrap } from "./util/unwrap";
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from "./util/unwrap_any";
-import { parseTime } from './util/parseTime';
-import { formatTime } from './util/formatTime';
+import { errUnknown, getNpcColor } from '@/common_legacy';
+import { InvalidResponse } from '@/defs';
+import { unwrap } from "@util/unwrap";
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from "@util/unwrap_any";
+import { parseTime } from '@util/parseTime';
+import { formatTime } from '@util/formatTime';
 import { stringifyUrl } from 'query-string';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 setAxiosXMLHttpRequest();
 

hwe/ts/common_deprecated.ts

@@ -1,15 +1,15 @@
-import { exportWindow } from "./util/exportWindow";
-import { activateFlip, errUnknown, errUnknownToast, quickReject, initTooltip } from "./common_legacy";
-import { isBrightColor } from "./util/isBrightColor";
-import { getIconPath } from "./util/getIconPath";
-import { mb_strwidth } from "./util/mb_strwidth";
-import { TemplateEngine } from "./util/TemplateEngine";
-import { escapeHtml } from "./legacy/escapeHtml";
-import { nl2br } from "./util/nl2br";
+import { exportWindow } from "@util/exportWindow";
+import { activateFlip, errUnknown, errUnknownToast, quickReject, initTooltip } from "@/common_legacy";
+import { isBrightColor } from "@util/isBrightColor";
+import { getIconPath } from "@util/getIconPath";
+import { mb_strwidth } from "@util/mb_strwidth";
+import { TemplateEngine } from "@util/TemplateEngine";
+import { escapeHtml } from "@/legacy/escapeHtml";
+import { nl2br } from "@util/nl2br";
 import jQuery from "jquery";
 import 'bootstrap';
 
-import "../scss/common_legacy.scss";
+import "@scss/common_legacy.scss";
 
 exportWindow(jQuery, '$');
 exportWindow(jQuery, 'jQuery');

hwe/ts/components/BoardArticle.vue

@@ -50,12 +50,12 @@
   </table>
 </template>
 <script lang="ts">
-import { BoardArticleItem } from "../Board.vue";
-import BoardComment from "./BoardComment.vue";
+import { BoardArticleItem } from "@/Board.vue";
+import BoardComment from "@/BoardComment.vue";
 import { defineComponent, PropType } from "vue";
 import axios from "axios";
-import { convertFormData } from "../util/convertFormData";
-import { InvalidResponse } from "../defs";
+import { convertFormData } from "@util/convertFormData";
+import { InvalidResponse } from "@/defs";
 export default defineComponent({
   name: "BoardArticle",
   components: {

hwe/ts/components/BoardComment.vue

@@ -7,7 +7,7 @@
   </tr>
 </template>
 <script lang="ts">
-import { BoardCommentItem } from "../Board.vue";
+import { BoardCommentItem } from "@/Board.vue";
 import { defineComponent, PropType } from "vue";
 
 export default defineComponent({

hwe/ts/components/BottomBar.vue

@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import "../../scss/game_bg.scss";
+import "@scss/game_bg.scss";
 
 export default defineComponent({
   name: "TopBackBar",

hwe/ts/components/MyToast.vue

@@ -19,7 +19,7 @@
 </template>
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import { ToastType } from "../defs";
+import { ToastType } from "@/defs";
 import { CToaster, CToast, CToastHeader, CToastBody } from "@coreui/vue/src/components/toast";
 
 export default defineComponent({

hwe/ts/components/TopBackBar.vue

@@ -9,7 +9,7 @@
 
 <script lang="ts">
 import { defineComponent, PropType } from "vue";
-import "../../scss/game_bg.scss";
+import "@scss/game_bg.scss";
 
 export default defineComponent({
   name: "TopBackBar",

hwe/ts/defaultSelectCityByMap.ts

@@ -1,5 +1,5 @@
-import { reloadWorldMap } from "./map";
-import { unwrap_any } from "./util/unwrap_any";
+import { reloadWorldMap } from "@/map";
+import { unwrap_any } from "@util/unwrap_any";
 
 export function defaultSelectCityByMap(): void {
     const $target = $("#destCityID");

hwe/ts/defaultSelectNationByMap.ts

@@ -1,5 +1,5 @@
-import { reloadWorldMap } from "./map";
-import { unwrap_any } from "./util/unwrap_any";
+import { reloadWorldMap } from "@/map";
+import { unwrap_any } from "@util/unwrap_any";
 
 export function defaultSelectNationByMap(): void{
     const $target = $("#destNationID");

hwe/ts/dipcenter.ts

@@ -2,10 +2,10 @@ import $ from 'jquery';
 import 'bootstrap';
 import 'summernote/dist/summernote-bs4';
 import 'summernote/dist/summernote-bs4.css';
-import './summernote-image-flip';
-import './summernote-ko-KR';
-import { activateFlip } from './common_legacy';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import '@/summernote-image-flip';
+import '@/summernote-ko-KR';
+import { activateFlip } from '@/common_legacy';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 declare const editable: boolean;
 

hwe/ts/diplomacy.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
-import { unwrap_any } from './util/unwrap_any';
+import { unwrap_any } from '@util/unwrap_any';
 import axios from 'axios';
-import { isBrightColor } from "./util/isBrightColor";
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { isBrightColor } from "@util/isBrightColor";
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import { isString } from 'lodash';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse, NationStaticItem } from './defs';
-import { escapeHtml } from './legacy/escapeHtml';
-import { nl2br } from './util/nl2br';
-import { unwrap } from './util/unwrap';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse, NationStaticItem } from '@/defs';
+import { escapeHtml } from '@/legacy/escapeHtml';
+import { nl2br } from '@util/nl2br';
+import { unwrap } from '@util/unwrap';
 import 'bootstrap';
 import 'select2/dist/js/select2.full.js'
 import { LoadingData } from 'select2';

hwe/ts/extExpandCity.ts

@@ -1,6 +1,6 @@
 
 import $ from 'jquery';
-import { unwrap_any } from './util/unwrap_any';
+import { unwrap_any } from '@util/unwrap_any';
 
 type UserItem = {
     val: string,

hwe/ts/extKingdoms.ts

@@ -1,7 +1,7 @@
 import $ from 'jquery';
-import { unwrap } from './util/unwrap';
+import { unwrap } from '@util/unwrap';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 type KingdomGeneral = {
     html: JQuery<HTMLElement>,

hwe/ts/extPluginTroop.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
-import { unwrap } from "./util/unwrap";
-import { RuntimeError } from "./util/RuntimeError";
+import { unwrap } from "@util/unwrap";
+import { RuntimeError } from "@util/RuntimeError";
 
 declare global {
     interface Window {

hwe/ts/gateway/admin_member.ts

@@ -1,13 +1,13 @@
 import axios from 'axios';
 import $ from 'jquery';
 import { isNumber } from 'lodash';
-import { TemplateEngine } from '../util/TemplateEngine';
-import { InvalidResponse } from '../defs';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { unwrap_any } from '../util/unwrap_any';
-import { convertFormData } from '../util/convertFormData';
-import { exportWindow } from '../util/exportWindow';
-import './common';
+import { TemplateEngine } from '@util/TemplateEngine';
+import { InvalidResponse } from '@/defs';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap_any } from '@util/unwrap_any';
+import { convertFormData } from '@util/convertFormData';
+import { exportWindow } from '@util/exportWindow';
+import '@/gateway/common';
 
 type UserEntry = {
     userID: string,

hwe/ts/gateway/admin_server.ts

@@ -1,12 +1,12 @@
-import { exportWindow } from '../util/exportWindow';
+import { exportWindow } from '@util/exportWindow';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from '../defs';
-import { convertFormData } from '../util/convertFormData';
-import { TemplateEngine } from "../util/TemplateEngine";
-import { unwrap_any } from '../util/unwrap_any';
-import { unwrap } from '../util/unwrap';
-import './common';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { TemplateEngine } from "@util/TemplateEngine";
+import { unwrap_any } from '@util/unwrap_any';
+import { unwrap } from '@util/unwrap';
+import '@/gateway/common';
 
 type ServerUpdateResponse = {
     result: true,

hwe/ts/gateway/common.ts

@@ -1,3 +1,3 @@
 
 import 'bootstrap';
-import "../../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";

hwe/ts/gateway/entrance.ts

@@ -1,14 +1,14 @@
-import { exportWindow } from '../util/exportWindow';
+import { exportWindow } from '@util/exportWindow';
 import $ from 'jquery';
 exportWindow($, '$');
 import axios from 'axios';
-import { initTooltip } from '../common_legacy';
-import { TemplateEngine } from "../util/TemplateEngine";
-import { InvalidResponse } from '../defs';
-import { getDateTimeNow } from '../util/getDateTimeNow';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { loadPlugin as loadAdminPlugin } from './admin_server';
-import './common';
+import { initTooltip } from '@/common_legacy';
+import { TemplateEngine } from '@util/TemplateEngine';
+import { InvalidResponse } from '@/defs';
+import { getDateTimeNow } from '@util/getDateTimeNow';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { loadPlugin as loadAdminPlugin } from '@/gateway/admin_server';
+import '@/gateway/common';
 
 
 declare const isAdmin: boolean;

hwe/ts/gateway/install.ts

@@ -1,15 +1,15 @@
 
 import $ from 'jquery';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from '../defs';
-import { JQValidateForm, NamedRules } from '../util/jqValidateForm';
-import { convertFormData } from '../util/convertFormData';
-import { unwrap_any } from '../util/unwrap_any';
-import { mb_strwidth } from '../util/mb_strwidth';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
+import { mb_strwidth } from '@util/mb_strwidth';
 import { isString } from 'lodash';
 import { sha512 } from 'js-sha512';
-import './common';
+import '@/gateway/common';
 
 async function changeInstallMode() {
     let result: {

hwe/ts/gateway/join.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { JQValidateForm, NamedRules } from '../util/jqValidateForm';
-import { convertFormData } from '../util/convertFormData';
-import { InvalidResponse } from '../defs';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { unwrap_any } from '../util/unwrap_any';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap_any } from '@util/unwrap_any';
 import { sha512 } from 'js-sha512';
 import { isString } from 'lodash';
-import { mb_strwidth } from '../util/mb_strwidth';
-import './common';
+import { mb_strwidth } from '@util/mb_strwidth';
+import '@/gateway/common';
 
 
 $(async function () {

hwe/ts/gateway/login.ts

@@ -1,14 +1,14 @@
 import $ from 'jquery';
-import { JQValidateForm, NamedRules } from '../util/jqValidateForm';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
 import axios from 'axios';
-import { convertFormData } from '../util/convertFormData';
-import { setAxiosXMLHttpRequest } from '../util/setAxiosXMLHttpRequest';
-import { unwrap_any } from '../util/unwrap_any';
+import { convertFormData } from '@util/convertFormData';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap_any } from '@util/unwrap_any';
 import { sha512 } from 'js-sha512';
-import { unwrap } from '../util/unwrap';
-import { InvalidResponse } from '../defs';
-import { delay } from '../util/delay';
-import './common';
+import { unwrap } from '@util/unwrap';
+import { InvalidResponse } from '@/defs';
+import { delay } from '@util/delay';
+import '@/gateway/common';
 
 
 type LoginResponse = {

hwe/ts/gateway/user_info.ts

@@ -1,15 +1,15 @@
-import { setAxiosXMLHttpRequest } from "../util/setAxiosXMLHttpRequest";
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import $ from 'jquery';
 import axios from 'axios';
 import { subDays } from 'date-fns';
-import { getDateTimeNow } from "../util/getDateTimeNow";
+import { getDateTimeNow } from '@util/getDateTimeNow';
 import { sha512 } from "js-sha512";
-import { convertFormData } from "../util/convertFormData";
-import { InvalidResponse } from "../defs";
-import { unwrap } from "../util/unwrap";
-import { parseTime } from "../util/parseTime";
-import { formatTime } from "../util/formatTime";
-import './common';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { unwrap } from '@util/unwrap';
+import { parseTime } from '@util/parseTime';
+import { formatTime } from '@util/formatTime';
+import '@/gateway/common';
 
 type ResultUserInfo = {
     result: true,

hwe/ts/hallOfFame.ts

@@ -1,6 +1,6 @@
 import $ from 'jquery';
 import { stringifyUrl } from 'query-string';
-import { initTooltip } from './common_legacy';
+import { initTooltip } from '@/common_legacy';
 import 'bootstrap';
 
 $(function ($) {

hwe/ts/helpTexts.ts

@@ -1,4 +1,4 @@
-import { NPCChiefActions, NPCGeneralActions } from "./defs";
+import { NPCChiefActions, NPCGeneralActions } from "@/defs";
 
 export const NPCPriorityBtnHelpMessage: {
   [v in NPCChiefActions | NPCGeneralActions]: string;

hwe/ts/history.ts

@@ -1,5 +1,5 @@
 import $ from 'jquery';
-import './map';
+import '@/map';
 
 declare const startYear:number;
 declare const startMonth:number;

hwe/ts/inheritPoint.vue

@@ -259,13 +259,13 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import "../scss/common/bootstrap5.scss";
-import "../scss/game_bg.scss";
-import TopBackBar from "./components/TopBackBar.vue";
+import "@scss/common/bootstrap5.scss";
+import "@scss/game_bg.scss";
+import TopBackBar from "@/components/TopBackBar.vue";
 import _ from "lodash";
-import { InvalidResponse } from "./defs";
+import { InvalidResponse } from "@/defs";
 import axios from "axios";
-import NumberInputWithInfo from "./components/NumberInputWithInfo.vue";
+import NumberInputWithInfo from "@/components/NumberInputWithInfo.vue";
 
 type InheritanceType =
   | "previous"

hwe/ts/install.ts

@@ -1,11 +1,11 @@
 import $ from "jquery";
 import 'bootstrap';
-import { setAxiosXMLHttpRequest } from "./util/setAxiosXMLHttpRequest";
+import { setAxiosXMLHttpRequest } from "@util/setAxiosXMLHttpRequest";
 import axios from "axios";
-import { InvalidResponse } from "./defs";
-import { JQValidateForm, NamedRules } from "./util/jqValidateForm";
-import { convertFormData } from "./util/convertFormData";
-import { exportWindow } from "./util/exportWindow";
+import { InvalidResponse } from "@/defs";
+import { JQValidateForm, NamedRules } from "@util/jqValidateForm";
+import { convertFormData } from "@util/convertFormData";
+import { exportWindow } from "@util/exportWindow";
 
 type ResponseScenarioItem = {
     year?: number,

hwe/ts/install_db.ts

@@ -1,10 +1,10 @@
 
 import axios from 'axios';
 import jQuery from 'jquery';
-import { JQValidateForm, NamedRules } from './util/jqValidateForm';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse } from './defs';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { JQValidateForm, NamedRules } from '@util/jqValidateForm';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 jQuery(async function ($) {
     setAxiosXMLHttpRequest();

hwe/ts/main.ts

@@ -1,19 +1,19 @@
 import $ from 'jquery';
 import 'bootstrap';
-import { activateFlip, initTooltip } from './common_legacy';
-import './msg.ts';
-import './map.ts';
-import { exportWindow } from './util/exportWindow';
+import { activateFlip, initTooltip } from '@/common_legacy';
+import '@/msg.ts';
+import '@/map.ts';
+import { exportWindow } from '@util/exportWindow';
 
-import { scrollHardTo } from './util/scrollHardTo';
+import { scrollHardTo } from '@util/scrollHardTo';
 
 exportWindow(scrollHardTo, 'scrollHardTo');
 exportWindow($, '$');
 
-import '../scss/main.scss';
-import { unwrap } from './util/unwrap';
-import { auto500px } from './util/auto500px';
-import { htmlReady } from './util/htmlReady';
+import '@scss/main.scss';
+import { unwrap } from '@util/unwrap';
+import { auto500px } from '@util/auto500px';
+import { htmlReady } from '@util/htmlReady';
 
 $(function ($) {
     $('.refreshPage').click(function () {

hwe/ts/map.ts

@@ -1,11 +1,11 @@
 import axios from 'axios';
 import $ from 'jquery';
 import { extend, isNumber } from 'lodash';
-import { convColorValue, convertDictById, stringFormat } from './common_legacy';
-import { InvalidResponse } from './defs';
-import { unwrap } from "./util/unwrap";
-import { convertFormData } from './util/convertFormData';
-import { exportWindow } from './util/exportWindow';
+import { convColorValue, convertDictById, stringFormat } from '@/common_legacy';
+import { InvalidResponse } from '@/defs';
+import { unwrap } from "@util/unwrap";
+import { convertFormData } from '@util/convertFormData';
+import { exportWindow } from '@util/exportWindow';
 
 declare const serverNick: string;
 declare const serverID: string;

hwe/ts/msg.ts

@@ -1,20 +1,20 @@
 
 import $ from 'jquery';
-import { InvalidResponse } from './defs';
-import { getDateTimeNow } from './util/getDateTimeNow';
+import { InvalidResponse } from '@/defs';
+import { getDateTimeNow } from '@util/getDateTimeNow';
 import axios from 'axios';
-import { convertFormData } from './util/convertFormData';
-import { isBrightColor } from "./util/isBrightColor";
-import { unwrap } from './util/unwrap';
+import { convertFormData } from '@util/convertFormData';
+import { isBrightColor } from "@util/isBrightColor";
+import { unwrap } from '@util/unwrap';
 import _ from 'lodash';
 import { addMinutes } from 'date-fns';
-import { parseTime } from './util/parseTime';
-import { formatTime } from './util/formatTime';
-import { TemplateEngine } from './util/TemplateEngine';
-import { isNotNull } from './util/isNotNull';
-import { unwrap_any } from './util/unwrap_any';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { exportWindow } from './util/exportWindow';
+import { parseTime } from '@util/parseTime';
+import { formatTime } from '@util/formatTime';
+import { TemplateEngine } from '@util/TemplateEngine';
+import { isNotNull } from '@util/isNotNull';
+import { unwrap_any } from '@util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { exportWindow } from '@util/exportWindow';
 
 const messageTemplate = `<div
     class="msg_plate msg_plate_<%msgType%> msg_plate_<%nationType%>"

hwe/ts/myPage.ts

@@ -1,10 +1,10 @@
 import axios from 'axios';
 import $ from 'jquery';
-import { InvalidResponse } from './defs';
-import { convertFormData } from './util/convertFormData';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { unwrap } from './util/unwrap';
-import { unwrap_any } from './util/unwrap_any';
+import { InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { unwrap } from '@util/unwrap';
+import { unwrap_any } from '@util/unwrap_any';
 
 
 type LogResponse = {

hwe/ts/processing.ts

@@ -1,19 +1,19 @@
 import $ from 'jquery';
 exportWindow($, '$');
-import { exportWindow } from './util/exportWindow';
+import { exportWindow } from '@util/exportWindow';
 import axios from 'axios';
 import 'bootstrap';
 import 'select2/dist/js/select2.full.js'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { convertFormData } from './util/convertFormData';
-import { InvalidResponse } from './defs';
-import { unwrap_any } from './util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { convertFormData } from '@util/convertFormData';
+import { InvalidResponse } from '@/defs';
+import { unwrap_any } from '@util/unwrap_any';
 import { DataFormat, IdTextPair, OptionData } from 'select2';
-import { unwrap } from "./util/unwrap";
-import { defaultSelectCityByMap } from './defaultSelectCityByMap';
-import { defaultSelectNationByMap } from './defaultSelectNationByMap';
-import { colorSelect } from './colorSelect';
-import { recruitCrewForm } from './recruitCrewForm';
+import { unwrap } from "@util/unwrap";
+import { defaultSelectCityByMap } from '@/defaultSelectCityByMap';
+import { defaultSelectNationByMap } from '@/defaultSelectNationByMap';
+import { colorSelect } from '@/colorSelect';
+import { recruitCrewForm } from '@/recruitCrewForm';
 
 declare const isChiefTurn: boolean;
 declare const jsPlugins: string[];

hwe/ts/recent_map.ts

@@ -1,6 +1,6 @@
 import $ from 'jquery';
 import 'bootstrap';
-import { reloadWorldMap } from './map';
+import { reloadWorldMap } from '@/map';
 
 declare global{
     interface Window{

hwe/ts/recruitCrewForm.ts

@@ -1,4 +1,4 @@
-import { unwrap_any } from './util/unwrap_any';
+import { unwrap_any } from '@util/unwrap_any';
 
 
 declare const leadership: number;

hwe/ts/select_general_from_pool.ts

@@ -1,13 +1,13 @@
 import $ from 'jquery';
 import axios from 'axios';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
-import { InvalidResponse } from './defs';
-import { initTooltip } from './common_legacy';
-import { getIconPath } from "./util/getIconPath";
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from './util/unwrap_any';
-import { unwrap } from './util/unwrap';
-import { TemplateEngine } from './util/TemplateEngine';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
+import { InvalidResponse } from '@/defs';
+import { initTooltip } from '@/common_legacy';
+import { getIconPath } from "@util/getIconPath";
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
+import { unwrap } from '@util/unwrap';
+import { TemplateEngine } from '@util/TemplateEngine';
 import { Tooltip } from 'bootstrap';
 import { trim } from 'lodash';
 type CardItem = {

hwe/ts/select_npc.ts

@@ -1,11 +1,11 @@
 import axios from 'axios';
-import { errUnknown } from './common_legacy';
-import { getIconPath } from "./util/getIconPath";
-import { TemplateEngine } from "./util/TemplateEngine";
-import { GeneralListResponse, InvalidResponse } from './defs';
-import { convertFormData } from './util/convertFormData';
-import { unwrap_any } from './util/unwrap_any';
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { errUnknown } from '@/common_legacy';
+import { getIconPath } from "@util/getIconPath";
+import { TemplateEngine } from "@util/TemplateEngine";
+import { GeneralListResponse, InvalidResponse } from '@/defs';
+import { convertFormData } from '@util/convertFormData';
+import { unwrap_any } from '@util/unwrap_any';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import { Tooltip } from 'bootstrap';
 import { trim } from 'lodash';
 

hwe/ts/troop.ts

@@ -1,8 +1,8 @@
-import { errUnknown } from "./common_legacy";
-import { launchTroopPlugin } from "./extPluginTroop";
+import { errUnknown } from "@/common_legacy";
+import { launchTroopPlugin } from "@/extPluginTroop";
 import jQuery from "jquery";
 
-import "../scss/troop.scss";
+import "@scss/troop.scss";
 
 jQuery(function($){
     //btnJoinTroop, btnLeaveTroop, btnKickTroop, btnCreateTroop, btnChangeTroopName

hwe/ts/util/TemplateEngine.ts

@@ -1,4 +1,4 @@
-import { escapeHtml } from "../legacy/escapeHtml";
+import { escapeHtml } from '@/legacy/escapeHtml';
 import linkifyStr from 'linkifyjs/string';
 /**
  * 단순한 Template 함수.  <%변수명%>으로 template 가능

hwe/ts/util/auto500px.ts

@@ -1,5 +1,5 @@
-import { htmlReady } from "./htmlReady";
-import { unwrap } from "./unwrap";
+import { htmlReady } from "@util/htmlReady";
+import { unwrap } from "@util/unwrap";
 
 export function auto500px(targetHeight = 700): void {
     let deviceWidth = -1;

hwe/ts/util/autoResizeTextarea.ts

@@ -1,4 +1,4 @@
-import { unwrap } from "./unwrap";
+import { unwrap } from "@util/unwrap";
 
 export function autoResizeTextarea(e: InputEvent): void {
     const el = unwrap(e.target) as HTMLInputElement;

hwe/ts/util/convertIDArray.ts

@@ -1,4 +1,4 @@
-import { IDItem } from "../defs";
+import { IDItem } from '@/defs';
 
 export function convertIDArray<T>(array: Iterable<T>): IDItem<T>[] {
     const result: IDItem<T>[] = [];

hwe/ts/util/getDateTimeNow.ts

@@ -1,4 +1,4 @@
-import { formatTime } from './formatTime';
+import { formatTime } from '@util/formatTime';
 export function getDateTimeNow(withFraction = false): string {
     return formatTime(new Date(), withFraction);
 }

hwe/ts/util/isBrightColor.ts

@@ -1,5 +1,5 @@
-import { unwrap } from "./unwrap";
-import { hexToRgb } from "./hexToRgb";
+import { unwrap } from "@util/unwrap";
+import { hexToRgb } from "@util/hexToRgb";
 
 export function isBrightColor(color: string): boolean {
     const cv = unwrap(hexToRgb(color));

hwe/ts/util/jqValidateForm.ts

@@ -1,6 +1,6 @@
 import Schema, { Rule, Values } from "async-validator";
 import { isArray } from "lodash";
-import { mergeKVArray } from "./mergeKVArray";
+import { mergeKVArray } from "@util/mergeKVArray";
 import $ from 'jquery';
 
 type Option = {

hwe/ts/util/mb_strimwidth.ts

@@ -1,4 +1,4 @@
-import { mb_strwidth } from "./mb_strwidth";
+import { mb_strwidth } from "@util/mb_strwidth";
 
 /**
  * mb_strimwidth

hwe/ts/util/sammoAPI.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
 import { isArray } from "lodash";
-import { InvalidResponse } from "../defs";
+import { InvalidResponse } from '@/defs';
 
 type ValidResponse = {
     result: true

hwe/ts/util/unwrap.ts

@@ -1,5 +1,5 @@
-import { Nullable } from "./Nullable";
-import { NotNullExpected } from "./NotNullExpected";
+import { Nullable } from "@util/Nullable";
+import { NotNullExpected } from "@util/NotNullExpected";
 
 export function unwrap<T>(result: Nullable<T>): T {
     if (result === null || result === undefined) {

hwe/ts/util/unwrap_any.ts

@@ -1,5 +1,5 @@
-import { Nullable } from "./Nullable";
-import { NotNullExpected } from "./NotNullExpected";
+import { Nullable } from "@util/Nullable";
+import { NotNullExpected } from "@util/NotNullExpected";
 
 
 export function unwrap_any<T>(result: Nullable<unknown>): T {

hwe/ts/util/unwrap_err.ts

@@ -1,4 +1,4 @@
-import { Nullable } from "./Nullable";
+import { Nullable } from "@util/Nullable";
 
 type ErrType<T> = { new(msg?: string): T }
 

hwe/ts/v_NPCControl.ts

@@ -1,9 +1,9 @@
 import { createApp } from 'vue'
-import NPCControl from './NPCControl.vue';
+import NPCControl from '@/NPCControl.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 setAxiosXMLHttpRequest();
 createApp(NPCControl).use(BootstrapVue3).mount('#app')

hwe/ts/v_board.ts

@@ -1,9 +1,9 @@
 import { createApp } from 'vue'
-import Board from './Board.vue';
+import Board from '@/Board.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 
 declare const isSecretBoard: boolean;
 

hwe/ts/v_inheritPoint.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue'
-import InheritPoint from './inheritPoint.vue';
+import InheritPoint from '@/inheritPoint.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 createApp(InheritPoint).use(BootstrapVue3).mount('#app');

hwe/ts/v_join.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
-import Join from './Join.vue';
+import Join from '@/Join.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/common/bootstrap5.scss";
+import "@scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 
 createApp(Join).use(BootstrapVue3).mount('#app')

hwe/ts/v_main.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
-import ReservedCommand from './ReservedCommand.vue';
+import ReservedCommand from '@/ReservedCommand.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
+import { setAxiosXMLHttpRequest } from '@util/setAxiosXMLHttpRequest';
 import Multiselect from 'vue-multiselect';
 
 setAxiosXMLHttpRequest();

index.php

@@ -53,11 +53,12 @@ foreach (ServConfig::getServerList() as $setting) {
     </script>
     <?= WebUtil::printJS('d_shared/common_path.js') ?>
     <?= WebUtil::printJS('dist_js/vendors.js') ?>
+    <?= WebUtil::printJS('dist_js/common_ts.js') ?>
     <?= WebUtil::printJS('dist_js/login.js') ?>
 
     <?= WebUtil::printCSS('d_shared/common.css') ?>
+    <?= WebUtil::printCSS('dist_css/common_ts.css') ?>
     <?= WebUtil::printCSS('dist_css/login.css') ?>
-    <?= WebUtil::printCSS('css/login.css') ?>
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" />
     <meta name="description" content="실시간으로 진행되는 삼국지 웹게임(삼모전)입니다">
     <meta name="keywords" content="삼국지,삼모전,웹게임,힏체,힏체섭,히데체,히데체섭,HiDCHe,체섭">

package.json

@@ -30,6 +30,7 @@
     "core-js": "^3.19.3",
     "date-fns": "^2.27.0",
     "downloadjs": "^1.4.7",
+    "eslint-import-resolver-alias": "^1.1.2",
     "jquery": "^3.6.0",
     "js-sha512": "^0.8.0",
     "linkifyjs": "^3.0",

tsconfig.json

@@ -45,9 +45,13 @@
 
     /* Module Resolution Options */
     "moduleResolution": "node",                  /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
-    //"baseUrl": "./hwe/ts",                             /* Base directory to resolve non-absolute module names. */
-    // "paths": {},                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-    "rootDirs": ["./hwe/ts"],              /* List of root folders whose combined content represents the structure of the project at runtime. */
+    "baseUrl": "./hwe/",                             /* Base directory to resolve non-absolute module names. */
+    "paths": {
+      "@/*": ["./ts/*"],
+      "@scss/*": ["./scss/*"],
+      "@util/*": ["./ts/util/*"],
+    },                                 /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
+    //"rootDirs": ["./hwe/ts"],              /* List of root folders whose combined content represents the structure of the project at runtime. */
     //"typeRoots": ["./typings"],                             /* List of folders to include type definitions from. */
     //"types": ["ts/common_path.d.ts"],             /* Type declaration files to be included in compilation. */
     // "allowSyntheticDefaultImports": true,        /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */

webpack.config.cjs

@@ -29,7 +29,10 @@ module.exports = (env, argv) => {
         resolve: {
             extensions: [".ts", ".tsx", ".vue", ".js"],
             alias: {
-                vue: "@vue/runtime-dom"
+                vue: "@vue/runtime-dom",
+                '@': tsDir,
+                '@scss': path.resolve(tsDir, '../scss'),
+                '@util': path.resolve(tsDir, 'util'),
             }
         },
         mode,
@@ -191,6 +194,11 @@ module.exports = (env, argv) => {
         name: `ingame_${target}`,
         resolve: {
             extensions: [".js", ".ts", ".tsx"],
+            alias: {
+                '@': tsDir,
+                '@scss': path.resolve(tsDir, '../scss'),
+                '@util': path.resolve(tsDir, 'util'),
+            },
         },
         mode,
         entry: entryIngame,
@@ -275,117 +283,122 @@ module.exports = (env, argv) => {
             }),
             //new BundleAnalyzerPlugin()
         ],
-    cache: {
-        type: 'filesystem',
+        cache: {
+            type: 'filesystem',
         },
         externals: {
             // require("jquery") is external and available
             //  on the global var jQuery
             "jQuery": "jquery"
         }
-};
-const gateway = {
-    name: 'gateway',
-    resolve: {
-        extensions: [".js", ".ts", ".tsx"],
-    },
-    mode,
-    entry: {
-        entrance: `${tsDir}/gateway/entrance.ts`,
-        user_info: `${tsDir}/gateway/user_info.ts`,
-        admin_member: `${tsDir}/gateway/admin_member.ts`,
-        join: `${tsDir}/gateway/join.ts`,
-        login: `${tsDir}/gateway/login.ts`,
-        install: `${tsDir}/gateway/install.ts`,
-    },
-    output: {
-        filename: '[name].js',
-        path: path.resolve(__dirname, 'dist_js'),
-    },
-    devtool: 'source-map',
-    optimization: {
-        splitChunks: {
-            cacheGroups: {
-                commons: {
-                    test: /[\\/]node_modules[\\/]/,
-                    name: 'vendors',
-                    chunks: 'all',
-                },
-                default: {
-                    name: 'common_ts',
-                    minChunks: 2,
-                    priority: -20,
-                    chunks: 'all',
-                    reuseExistingChunk: true,
-                },
+    };
+    const gateway = {
+        name: 'gateway',
+        resolve: {
+            extensions: [".js", ".ts", ".tsx"],
+            alias: {
+                '@': tsDir,
+                '@scss': path.resolve(tsDir, '../scss'),
+                '@util': path.resolve(tsDir, 'util'),
             },
         },
-        minimizer: [
-            new ESBuildMinifyPlugin({
-                css: true
+        mode,
+        entry: {
+            entrance: `${tsDir}/gateway/entrance.ts`,
+            user_info: `${tsDir}/gateway/user_info.ts`,
+            admin_member: `${tsDir}/gateway/admin_member.ts`,
+            join: `${tsDir}/gateway/join.ts`,
+            login: `${tsDir}/gateway/login.ts`,
+            install: `${tsDir}/gateway/install.ts`,
+        },
+        output: {
+            filename: '[name].js',
+            path: path.resolve(__dirname, 'dist_js'),
+        },
+        devtool: 'source-map',
+        optimization: {
+            splitChunks: {
+                cacheGroups: {
+                    commons: {
+                        test: /[\\/]node_modules[\\/]/,
+                        name: 'vendors',
+                        chunks: 'all',
+                    },
+                    default: {
+                        name: 'common_ts',
+                        minChunks: 2,
+                        priority: -20,
+                        chunks: 'all',
+                        reuseExistingChunk: true,
+                    },
+                },
+            },
+            minimizer: [
+                new ESBuildMinifyPlugin({
+                    css: true
+                }),
+            ],
+            moduleIds: 'deterministic',
+        },
+        module: {
+            rules: [{
+                test: /\.ts$/,
+                exclude: /(node_modules)/,
+                use: [
+                    {
+                        loader: 'esbuild-loader',
+                        options: {
+                            loader: 'ts',
+                            target: 'es2019',
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.tsx$/,
+                exclude: /(node_modules)/,
+                use: [
+                    {
+                        loader: 'esbuild-loader',
+                        options: {
+                            loader: 'tsx',
+                            target: 'es2019',
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.js$/,
+                exclude: /(node_modules)/,
+                use: [
+                    {
+                        loader: 'esbuild-loader',
+                        options: {
+                            loader: 'js',
+                            target: 'es2019',
+                        }
+                    }
+                ]
+            }, {
+                test: /.(s?[ac]ss)$/,
+                use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
+            }]
+        },
+        plugins: [
+            new MiniCssExtractPlugin({
+                filename: '../dist_css/[name].css'
             }),
+            //new BundleAnalyzerPlugin()
         ],
-        moduleIds: 'deterministic',
-    },
-    module: {
-        rules: [{
-            test: /\.ts$/,
-            exclude: /(node_modules)/,
-            use: [
-                {
-                    loader: 'esbuild-loader',
-                    options: {
-                        loader: 'ts',
-                        target: 'es2019',
-                    }
-                }
-            ]
+        cache: {
+            type: 'filesystem',
         },
-        {
-            test: /\.tsx$/,
-            exclude: /(node_modules)/,
-            use: [
-                {
-                    loader: 'esbuild-loader',
-                    options: {
-                        loader: 'tsx',
-                        target: 'es2019',
-                    }
-                }
-            ]
-        },
-        {
-            test: /\.js$/,
-            exclude: /(node_modules)/,
-            use: [
-                {
-                    loader: 'esbuild-loader',
-                    options: {
-                        loader: 'js',
-                        target: 'es2019',
-                    }
-                }
-            ]
-        }, {
-            test: /.(s?[ac]ss)$/,
-            use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
-        }]
-    },
-    plugins: [
-        new MiniCssExtractPlugin({
-            filename: '../dist_css/[name].css'
-        }),
-        //new BundleAnalyzerPlugin()
-    ],
-    cache: {
-        type: 'filesystem',
-    },
-};
+    };
 
-if (target == 'hwe') {
-    return [gateway, ingame_vue, ingame];
-}
-else {
-    return [ingame_vue, ingame];
-}
+    if (target == 'hwe') {
+        return [gateway, ingame_vue, ingame];
+    }
+    else {
+        return [ingame_vue, ingame];
+    }
 }