refactor(WIP): scss, ts 공통 파일 묶기

hwe/scss/common/bootstrap5.scss

@@ -9,7 +9,7 @@ $input-color: #303030;
 
 @import "./variables.scss";
 @import "./bootswatch_custom_variables.scss";
-@import "../../node_modules/bootstrap/scss/bootstrap.scss";
+@import "/node_modules/bootstrap/scss/bootstrap.scss";
 @import "./bootswatch_custom.scss";
 @import "./bootstrap_sammo.scss";
 @import "./vue-multiselect.scss";

hwe/scss/common_legacy.scss

@@ -1,4 +1,4 @@
-@import "./bootstrap5.scss";
+@import "./common/bootstrap5.scss";
 
 html * {
     max-height: 1000000px;

hwe/scss/main.scss

@@ -1,5 +1,5 @@
-@import "./break_500px.scss";
-@import "./bootstrap5.scss";
+@import "./common/break_500px.scss";
+@import "./common/bootstrap5.scss";
 
 body {
     color: white;

hwe/ts/Board.vue

@@ -60,7 +60,7 @@
 </template>
 
 <script lang="ts">
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 import "../../css/config.css";
 

hwe/ts/Join.vue

@@ -294,7 +294,7 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 
 import { defineComponent } from "vue";

hwe/ts/NPCControl.vue

@@ -459,7 +459,7 @@
   </div>
 </template>
 <script lang="ts">
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 
 import { defineComponent } from "vue";

hwe/ts/ReservedCommand.vue

@@ -544,9 +544,9 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-@import "../scss/break_500px.scss";
-@import "../scss/variables.scss";
-@import "../scss/bootswatch_custom_variables.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";
 
 .commandPad {

hwe/ts/gateway/common.ts

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

hwe/ts/inheritPoint.vue

@@ -259,7 +259,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import "../scss/game_bg.scss";
 import TopBackBar from "./components/TopBackBar.vue";
 import _ from "lodash";

hwe/ts/v_NPCControl.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import NPCControl from './NPCControl.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
 

hwe/ts/v_board.ts

@@ -1,7 +1,7 @@
 import { createApp } from 'vue'
 import Board from './Board.vue';
 import BootstrapVue3 from 'bootstrap-vue-3'
-import "../scss/bootstrap5.scss";
+import "../scss/common/bootstrap5.scss";
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 import { setAxiosXMLHttpRequest } from './util/setAxiosXMLHttpRequest';
 

hwe/ts/v_inheritPoint.ts

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

webpack.config.cjs

@@ -207,6 +207,13 @@ module.exports = (env, argv) => {
                         name: 'vendors',
                         chunks: 'all',
                     },
+                    default: {
+                        name: 'common_ts',
+                        minChunks: 2,
+                        priority: -20,
+                        chunks: 'all',
+                        reuseExistingChunk: true,
+                    },
                 },
             },
             minimizer: [
@@ -304,6 +311,13 @@ const gateway = {
                     name: 'vendors',
                     chunks: 'all',
                 },
+                default: {
+                    name: 'common_ts',
+                    minChunks: 2,
+                    priority: -20,
+                    chunks: 'all',
+                    reuseExistingChunk: true,
+                },
             },
         },
         minimizer: [