halox-utils-kit-ts 0.0.1-beta.13 → 0.0.1-beta.14

package/dist/halox-modal-ts.ssr.js

@@ -0,0 +1,697 @@
+import axios from "axios";
+function CopyJson(data) {
+  if (!data) return null;
+  return JSON.parse(JSON.stringify(data));
+}
+function FillToZero(str, len = 2) {
+  return String(str).padStart(len, "0");
+}
+function FormatCurrentDate(time = false, split = "-") {
+  const now = /* @__PURE__ */ new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const day = String(now.getDate()).padStart(2, "0");
+  const minutes = String(now.getMinutes()).padStart(2, "0");
+  const seconds = String(now.getSeconds()).padStart(2, "0");
+  let hours = now.getHours();
+  hours = hours % 12;
+  if (hours === 0) hours = 12;
+  const hh = String(hours).padStart(2, "0");
+  if (time)
+    return `${year}${split}${month}${split}${day} ${hh}:${minutes}:${seconds}`;
+  return `${year}${split}${month}${split}${day}`;
+}
+function FormatDateString(dateStr, type = "full") {
+  if (!dateStr) return "";
+  const date = new Date(dateStr);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  let hours = date.getHours();
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  const ampm = hours >= 12 ? "오후" : "오전";
+  hours = hours % 12;
+  if (hours === 0) hours = 12;
+  const hh = String(hours).padStart(2, "0");
+  switch (type) {
+    case "date":
+      return `${year}-${month}-${day}`;
+    case "full":
+      return `${year}-${month}-${day} ${ampm} ${hh}:${minutes}`;
+    case "shot":
+      return `${month}-${day} ${hh}:${minutes}`;
+    case "fullEn":
+      return `${year}-${month}-${day} ${hh}:${minutes}:${seconds}`;
+    case "list":
+      return [year, month, day, hh, minutes, seconds];
+  }
+}
+function Comma(value) {
+  if (value === null || value === void 0) return "";
+  const num = typeof value === "number" ? value : Number(value);
+  if (isNaN(num)) return "";
+  const parts = num.toString().split(".");
+  const integerPart = parts[0] ?? "0";
+  const decimalPart = parts[1];
+  const integerWithComma = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  return decimalPart ? `${integerWithComma}.${decimalPart}` : integerWithComma;
+}
+function FormatPhoneKr(number, separator = "-") {
+  if (!number) return "";
+  const num = number.replace(/\D/g, "");
+  if (num.startsWith("02")) {
+    return num.replace(
+      /^(02)(\d{3,4})(\d{4})$/,
+      `$1${separator}$2${separator}$3`
+    );
+  }
+  if (/^(01[016789]|070)/.test(num)) {
+    return num.replace(
+      /^(01[016789]|070)(\d{3,4})(\d{4})$/,
+      `$1${separator}$2${separator}$3`
+    );
+  }
+  return num.replace(
+    /^(\d{3})(\d{3,4})(\d{4})$/,
+    `$1${separator}$2${separator}$3`
+  );
+}
+function CreateSerialNumber(split = false) {
+  const date = /* @__PURE__ */ new Date();
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  const seconds = String(date.getSeconds()).padStart(2, "0");
+  const randomDigits = String(Math.floor(Math.random() * 1e5)).padStart(
+    3,
+    "0"
+  );
+  if (split) {
+    return `${hours}${minutes}${seconds}-${randomDigits}`;
+  }
+  const defaultSN = `${year}${month}${day}${hours}${minutes}${seconds}${randomDigits}`;
+  return String(defaultSN);
+}
+function CurrencyConvert(number, lang = "KO", type = "TEXT") {
+  const units = {
+    KO: ["", "십", "백", "천"],
+    CN: ["", "拾", "佰", "仟"],
+    CNF: ["", "拾", "佰", "仟"]
+  };
+  const bigUnits = {
+    KO: ["", "만", "억", "조", "경"],
+    CN: ["", "万", "亿", "兆", "京"],
+    CNF: ["", "萬", "億", "兆", "京"]
+  };
+  const numToKor = {
+    KO: ["영", "일", "이", "삼", "사", "오", "육", "칠", "팔", "구"],
+    CN: ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九"],
+    CNF: ["零", "壹", "貳", "叁", "肆", "伍", "陸", "柒", "捌", "玖"]
+  };
+  const order = {
+    KO: { zero: "영", wonJeong: "원정", unit: "₩" },
+    CN: { zero: "零", wonJeong: "元整", unit: "￥" },
+    CNF: { zero: "零", wonJeong: "圓整", unit: "￥" }
+  };
+  if (number === 0)
+    return `<span style="font-weight:bold;">${order[lang].zero}</span>${order[lang].wonJeong} 
+            <span style="display:inline-block; width:30px;"></span>
+            (<span style="display:inline-block; width:10px;"></span>₩
+            <span style="display:inline-block; width:20px;"></span>
+            <span style="font-weight:bold;">0</span>
+            <span style="display:inline-block; width:10px;"></span>)`;
+  let result = "";
+  const strNumber = String(number).split("").reverse().join("");
+  for (let i = 0; i < strNumber.length; i += 4) {
+    const part = strNumber.slice(i, i + 4).split("").reverse().join("");
+    let partResult = "";
+    for (let j = 0; j < part.length; j++) {
+      const n = parseInt(part[part.length - 1 - j]);
+      if (n !== 0) {
+        partResult = numToKor[lang][n] + units[lang][j] + partResult;
+      }
+    }
+    if (partResult) {
+      result = partResult + bigUnits[lang][i / 4] + result;
+    }
+  }
+  return type == "HTML" ? `
+    <span style="font-weight:bold;">${result}</span>
+    <span style="display:inline-block; width:20px;"></span>
+    ${order[lang].wonJeong}
+    <span style="display:inline-block; width:20px;"></span>
+    (<span style="display:inline-block; width:20px;"></span>${order[lang].unit}
+    <span style="display:inline-block; width:50px;"></span>
+    <span style="font-weight:bold;">${number.toLocaleString()}</span>
+    <span style="display:inline-block; width:20px;"></span>)
+  ` : `${result}`;
+}
+function ToNumber(value, precision = 0) {
+  if (value === null || value === void 0 || value === "") return 0;
+  try {
+    if (typeof value === "number") {
+      const factor = Math.pow(10, precision);
+      return precision <= 0 ? Math.trunc(value) : Math.trunc(value * factor) / factor;
+    }
+    let str = value.toString();
+    const isNegative = str.includes("-");
+    const filtered = str.replace(/[^0-9.]/g, "");
+    const parts = filtered.split(".");
+    const cleanNumber = parts[0] + (parts.length > 1 ? "." + parts[1] : "");
+    if (!cleanNumber) return 0;
+    let num = parseFloat(cleanNumber);
+    if (isNegative) num = -num;
+    if (precision <= 0) {
+      return Math.trunc(num);
+    } else {
+      const factor = Math.pow(10, precision);
+      return Math.trunc(num * factor) / factor;
+    }
+  } catch (e) {
+    console.error(e);
+    return 0;
+  }
+}
+function ToBr(str) {
+  return str.replace(/\n/g, "<br>");
+}
+function GetRemainingDays(dateString) {
+  if (!dateString) {
+    return 0;
+  }
+  const target = new Date(dateString);
+  const today = /* @__PURE__ */ new Date();
+  target.setHours(0, 0, 0, 0);
+  today.setHours(0, 0, 0, 0);
+  const diffTime = target.getTime() - today.getTime();
+  const remaDays = Math.ceil(diffTime / (1e3 * 60 * 60 * 24));
+  if (remaDays > 0) {
+    return remaDays;
+  } else {
+    return 0;
+  }
+}
+function toHtml({
+  input,
+  useParagraphs = false,
+  tabSize = 4,
+  title = ""
+}) {
+  if (!input) return "";
+  let html = input;
+  const tabReplacement = " ".repeat(tabSize);
+  html = html.replace(/\t/g, tabReplacement);
+  html = html.replace(/ {2,}/g, (m) => "&nbsp;".repeat(m.length - 1) + " ");
+  html = html.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
+  const lines = html.split("\n").map((line) => {
+    if (title && line.startsWith(title)) {
+      return `<div style="font-size:1.2em;font-weight:bold;margin:20px 0px 0px;">${line.slice(
+        title.length
+      )}</div>`;
+    }
+    return line;
+  });
+  if (useParagraphs) {
+    const paragraphs = lines.join("\n").split(/\n{2,}/).map((p) => `<p>${p.replace(/\n/g, "<br>")}</p>`);
+    return paragraphs.join("\n");
+  } else {
+    return lines.join("<br>");
+  }
+}
+function ExtractMatchedKeywords(str, keywordList = []) {
+  return keywordList.filter((k) => str.includes(k)).join(",");
+}
+let _apiKey = "";
+const initPostCodeKey = (key) => {
+  if (!key) console.warn("주소 API 키가 없습니다.");
+  _apiKey = key;
+};
+async function OpenPostCode({
+  keyword,
+  page = 1,
+  size = 50,
+  // apiKey = "",
+  resultType = "json"
+}) {
+  if (!_apiKey || !_apiKey.trim()) {
+    return {
+      code: 1,
+      message: "apiKey는 필수항목입니다.",
+      results: null,
+      page,
+      size,
+      totalCount: 0
+    };
+  }
+  const url = "https://business.juso.go.kr/addrlink/addrLinkApi.do";
+  try {
+    const res = await axios.get(url, {
+      params: {
+        confmKey: _apiKey,
+        keyword,
+        resultType,
+        currentPage: page,
+        countPerPage: size
+      }
+    });
+    const results = res.data.results;
+    return {
+      code: 1,
+      message: results.common?.errorMessage,
+      results: results.juso,
+      page: ToNumber(results.common.currentPage),
+      size: ToNumber(results.common.countPerPage),
+      totalCount: ToNumber(results.common.totalCount)
+    };
+  } catch (e) {
+    console.error("주소 검색 실패:", e);
+    return { code: 500, message: "주소 검색 실패" };
+  }
+}
+function stringifyQuery(data) {
+  const query = Object.entries(data).filter(([_, value]) => value !== void 0 && value !== null && value !== "").map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`).join("&");
+  return query ? `?${query}` : "";
+}
+function parseQuery(queryString) {
+  if (!queryString) return {};
+  const search = queryString.startsWith("?") ? queryString.slice(1) : queryString;
+  const params = new URLSearchParams(search);
+  return Object.fromEntries(params.entries());
+}
+const SYMBOL_MAP = {
+  1: "~",
+  2: "!",
+  3: "@",
+  4: "#",
+  5: "$",
+  6: "%",
+  7: "^",
+  8: "&",
+  9: "*",
+  10: "\\",
+  11: '"',
+  12: "'",
+  13: "+",
+  14: "=",
+  15: "`",
+  16: "|",
+  17: "(",
+  18: ")",
+  19: "[",
+  20: "]",
+  21: "{",
+  22: "}",
+  23: ":",
+  24: ";",
+  25: "-",
+  26: "_",
+  27: "＃",
+  28: "＆",
+  29: "＠",
+  30: "§"
+};
+const OFFICIAL_SYMBOLS = {
+  1: "※",
+  2: "☆",
+  3: "★",
+  4: "○",
+  5: "●",
+  6: "◎",
+  7: "◇",
+  8: "◆",
+  9: "□",
+  10: "■",
+  11: "△",
+  12: "▲",
+  13: "▽",
+  14: "▼",
+  15: "→",
+  16: "←",
+  17: "↑",
+  18: "↓",
+  19: "↔",
+  20: "〓",
+  21: "◁",
+  22: "◀",
+  23: "▷",
+  24: "▶",
+  25: "♤",
+  26: "♠",
+  27: "♡",
+  28: "♥",
+  29: "♧",
+  30: "♣",
+  31: "⊙",
+  32: "◈",
+  33: "▣",
+  34: "◐",
+  35: "◑",
+  36: "▒",
+  37: "▤",
+  38: "▥",
+  39: "▨",
+  40: "▧",
+  41: "▦",
+  42: "▩",
+  43: "♨",
+  44: "☏",
+  45: "☎",
+  46: "☜",
+  47: "☞",
+  48: "¶",
+  49: "†",
+  50: "‡",
+  51: "↕",
+  52: "↗",
+  53: "↙",
+  54: "↖",
+  55: "↘",
+  56: "♭",
+  57: "♩",
+  58: "♪",
+  59: "♬",
+  60: "㉿",
+  61: "㈜"
+};
+const HANGUL_SYMBOLS = {
+  1: "㉠",
+  2: "㉡",
+  3: "㉢",
+  4: "㉣",
+  5: "㉤",
+  6: "㉥",
+  7: "㉦",
+  8: "㉧",
+  9: "㉨",
+  10: "㉩",
+  11: "㉪",
+  12: "㉫",
+  13: "㉬",
+  14: "㉭",
+  15: "㉮",
+  16: "㉯",
+  17: "㉰",
+  18: "㉱",
+  19: "㉲",
+  20: "㉳",
+  21: "㉴",
+  22: "㉵",
+  23: "㉶",
+  24: "㉷",
+  25: "㉸",
+  26: "㉹",
+  27: "㉺",
+  28: "㉻",
+  29: "㈀",
+  30: "㈁",
+  31: "㈂",
+  32: "㈃",
+  33: "㈄",
+  34: "㈅",
+  35: "㈆",
+  36: "㈇",
+  37: "㈈",
+  38: "㈉",
+  39: "㈊",
+  40: "㈋",
+  41: "㈌",
+  42: "㈍",
+  43: "㈎",
+  44: "㈏",
+  45: "㈐",
+  46: "㈑",
+  47: "㈒",
+  48: "㈓",
+  49: "㈔",
+  50: "㈕",
+  51: "㈖",
+  52: "㈗",
+  53: "㈘",
+  54: "㈙",
+  55: "㈚",
+  56: "㈛"
+};
+const ALPHABET_NUMBER_SYMBOLS = {
+  1: "ⓐ",
+  2: "ⓑ",
+  3: "ⓒ",
+  4: "ⓓ",
+  5: "ⓔ",
+  6: "ⓕ",
+  7: "ⓖ",
+  8: "ⓗ",
+  9: "ⓘ",
+  10: "ⓙ",
+  11: "ⓚ",
+  12: "ⓛ",
+  13: "ⓜ",
+  14: "ⓝ",
+  15: "ⓞ",
+  16: "ⓟ",
+  17: "ⓠ",
+  18: "ⓡ",
+  19: "ⓢ",
+  20: "ⓣ",
+  21: "ⓤ",
+  22: "ⓥ",
+  23: "ⓦ",
+  24: "ⓧ",
+  25: "ⓨ",
+  26: "ⓩ",
+  27: "⒜",
+  28: "⒝",
+  29: "⒞",
+  30: "⒟",
+  31: "⒠",
+  32: "⒡",
+  33: "⒢",
+  34: "⒣",
+  35: "⒤",
+  36: "⒥",
+  37: "⒦",
+  38: "⒧",
+  39: "⒨",
+  40: "⒩",
+  41: "⒪",
+  42: "⒫",
+  43: "⒬",
+  44: "⒭",
+  45: "⒮",
+  46: "⒯",
+  47: "⒰",
+  48: "⒱",
+  49: "⒲",
+  50: "⒳",
+  51: "⒴",
+  52: "⒵",
+  53: "①",
+  54: "②",
+  55: "③",
+  56: "④",
+  57: "⑤",
+  58: "⑥",
+  59: "⑦",
+  60: "⑧",
+  61: "⑨",
+  62: "⑩",
+  63: "⑪",
+  64: "⑫",
+  65: "⑬",
+  66: "⑭",
+  67: "⑮",
+  68: "⑴",
+  69: "⑵",
+  70: "⑶",
+  71: "⑷",
+  72: "⑸",
+  73: "⑹",
+  74: "⑺",
+  75: "⑻",
+  76: "⑼",
+  77: "⑽",
+  78: "⑾",
+  79: "⑿",
+  80: "⒀",
+  81: "⒁",
+  82: "⒂"
+};
+const UNIT_SYMBOLS = {
+  1: "＄",
+  2: "％",
+  3: "￦",
+  4: "₩",
+  5: "Ｆ",
+  6: "′",
+  7: "″",
+  8: "℃",
+  9: "Å",
+  10: "￠",
+  11: "￡",
+  12: "￥",
+  13: "¤",
+  14: "℉",
+  15: "‰",
+  16: "€",
+  17: "㎕",
+  18: "㎖",
+  19: "㎗",
+  20: "ℓ",
+  21: "㎘",
+  22: "㏄",
+  23: "㎣",
+  24: "㎤",
+  25: "㎥",
+  26: "㎦",
+  27: "㎙",
+  28: "㎚",
+  29: "㎛",
+  30: "㎜",
+  31: "㎝",
+  32: "㎟",
+  33: "㎠",
+  34: "㎡",
+  35: "㎢",
+  36: "㏊",
+  37: "㎍",
+  38: "㎎",
+  39: "㎏",
+  40: "㏏",
+  41: "㎈",
+  42: "㎉",
+  43: "㏈",
+  44: "㎧",
+  45: "㎨",
+  46: "㎰",
+  47: "㎱",
+  48: "㎲",
+  49: "㎳",
+  50: "㎴",
+  51: "㎵",
+  52: "㎶",
+  53: "㎷",
+  54: "㎸",
+  55: "㎹",
+  56: "㎀",
+  57: "㎁",
+  58: "㎂",
+  59: "㎃",
+  60: "㎄",
+  61: "㎺",
+  62: "㎻",
+  63: "㎼",
+  64: "㎽",
+  65: "㎾",
+  66: "㎿",
+  67: "㎐",
+  68: "㎑",
+  69: "㎒",
+  70: "㎓",
+  71: "㎔",
+  72: "Ω",
+  73: "㏀",
+  74: "㏁",
+  75: "㎊",
+  76: "㎋",
+  77: "㎌",
+  78: "㏖",
+  79: "㏅",
+  80: "㎭",
+  81: "㎮",
+  82: "㎯",
+  83: "㏛",
+  84: "㎩",
+  85: "㎪",
+  86: "㎫",
+  87: "㎬",
+  88: "㏝",
+  89: "㏐",
+  90: "㏓",
+  91: "㏃",
+  92: "㏉",
+  93: "㏜",
+  94: "㏆"
+};
+const RARE_SYMBOLS = {
+  1: "ꁇ",
+  2: "܀",
+  3: "܊",
+  4: "܋",
+  5: "܌",
+  6: "܍",
+  7: "¤",
+  8: "፨",
+  9: "₪",
+  10: "ꂇ",
+  11: "◘",
+  12: "◙",
+  13: "⌂",
+  14: "☺",
+  15: "☻",
+  16: "♀",
+  17: "♂",
+  18: "ꋭ",
+  19: "ꋯ",
+  20: "ާ",
+  21: "ި",
+  22: "ީ",
+  23: "ު",
+  24: "ޫ",
+  25: "ެ",
+  26: "ޭ",
+  27: "ޮ",
+  28: "ᚗ",
+  29: "ᚘ",
+  30: "፡",
+  31: "።",
+  32: "፣",
+  33: "፤",
+  34: "፥",
+  35: "፦",
+  36: "፧",
+  37: "‘",
+  38: "’",
+  39: "‚",
+  40: "‛",
+  41: "“",
+  42: "”",
+  43: "„",
+  44: "‥",
+  45: "…",
+  46: "‧",
+  47: "′",
+  48: "″",
+  49: "〝",
+  50: "〞",
+  51: "〟"
+};
+const functions = {
+  CopyJson,
+  FillToZero,
+  FormatCurrentDate,
+  FormatDateString,
+  Comma,
+  FormatPhoneKr,
+  CreateSerialNumber,
+  CurrencyConvert,
+  ToNumber,
+  ToBr,
+  GetRemainingDays,
+  toHtml,
+  ExtractMatchedKeywords,
+  OpenPostCode,
+  initJuso: initPostCodeKey,
+  stringifyQuery,
+  parseQuery
+};
+export {
+  ALPHABET_NUMBER_SYMBOLS,
+  HANGUL_SYMBOLS,
+  OFFICIAL_SYMBOLS,
+  RARE_SYMBOLS,
+  SYMBOL_MAP,
+  UNIT_SYMBOLS,
+  functions as halox
+};

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "halox-utils-kit-ts",
-  "version": "0.0.1-beta.13",
+  "version": "0.0.1-beta.14",
   "main": "dist/halox-utils-kit-ts.umd.js",
   "module": "dist/halox-utils-kit-ts.es.js",
   "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "node": "./dist/halox-utils-kit-ts.ssr.js",
+      "import": "./dist/halox-utils-kit-ts.es.js",
+      "require": "./dist/halox-utils-kit-ts.umd.js"
+    },
+    "./dist/halox-utils-kit-ts.css": "./dist/halox-utils-kit-ts.css"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/shenyunv2021/halox-utils-kit-ts.git"
@@ -18,7 +26,9 @@
   "license": "MIT",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build:client": "vite build",
+    "build:ssr": "cross-env VITE_SSR=true vite build --emptyOutDir false && ren dist\\index.mjs halox-modal-ts.ssr.js",
+    "build": "npm run build:client && npm run build:ssr",
     "build:watch": "if exist dist rd /s /q dist && vite build --watch",
     "lint": "eslint . --ext .ts",
     "test": "echo \"No test yet\""
@@ -36,6 +46,12 @@
     "axios": "^1.11.0"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.2",
+    "cross-env": "^10.1.0",
+    "rollup": "^4.53.3",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "rollup-plugin-vue": "^6.0.0",
     "typescript": "^5.9.3",
     "vite": "^7.2.4",
     "vite-plugin-dts": "^4.5.4"

package/vite.config copy.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [
+    dts({ insertTypesEntry: true }),
+  ],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'HaloxUtilsKit',
+      fileName: (format) => `halox-utils-kit-ts.${format}.js`,
+    },
+  },
+});

package/vite.config.ts

@@ -1,16 +1,37 @@
 import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
 import dts from 'vite-plugin-dts';
-import path from 'path';
+import path from 'path'; // rollup-plugin-postcss는 제거합니다.
+
+const isSSR = process.env.VITE_SSR === 'true' || process.argv.includes('--ssr');
 
 export default defineConfig({
   plugins: [
+    vue(),
     dts({ insertTypesEntry: true }),
   ],
   build: {
+    ssr: isSSR,
     lib: {
       entry: path.resolve(__dirname, 'src/index.ts'),
       name: 'HaloxUtilsKit',
-      fileName: (format) => `halox-utils-kit-ts.${format}.js`,
+      fileName: (format) => isSSR ? `halox-utils-kit-ts.${format}.ssr.js` : `halox-utils-kit-ts.${format}.js`,
+      formats: isSSR ? ['es'] : ['es', 'umd'],
+    },
+    rollupOptions: {
+      external: ['vue'],
+      output: {
+        globals: { vue: 'Vue' },
+        // cssFileName을 강제하거나 Vite 기본 CSS 추출 기능을 사용합니다.
+      },
+    },
+    // cssCodeSplit을 false로 두면 라이브러리 빌드 시 하나의 style.css로 합쳐서 추출해줍니다.
+    cssCodeSplit: false, 
+  },
+  // CSS 전처리기가 필요하다면 루트 레벨에서 선언합니다.
+  css: {
+    preprocessorOptions: {
+      scss: {},
     },
   },
 });