겨리의 개발일기

고정 헤더 영역

글 제목

메뉴 레이어

겨리의 개발일기

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (82)
    • Programming (57)
      • JavaScript (6)
      • TypeScript (4)
      • Vue.js (9)
      • React (12)
      • Spring (1)
      • Algorithm (13)
      • 기타 (12)
    • CS (2)
    • 회고 (14)
    • HTML&CSS (8)

검색 레이어

겨리의 개발일기

검색 영역

컨텐츠 검색

Vite

  • [Vite+tabler/icons-react] 성능 이슈 해결(청크 5,000개+ 요청 현상)

    2025.07.19 by 겨리!

  • [ESLint] vite+React+TS 프로젝트 세팅 시 린트 오류 해결하기

    2024.01.12 by 겨리!

[Vite+tabler/icons-react] 성능 이슈 해결(청크 5,000개+ 요청 현상)

Vite 기반의 프로젝트에서 tabler/icons-react 라이브러리를 사용하던 중 마주했던 문제를 정리해보고자 한다. 사내 UI 프로젝트에서 사용하고 있는 tabler/icons-react를 세팅 후 필요한 아이콘 몇 개를 import해서 사용하려고 했다.그런데..웬걸 로컬 서버를 띄운 후 접속해보니 페이지 진입 속도가 너~~무 느렸다..!너무 느려서 네트워크 탭을 확인해봤더니, 5,000개가 넘는 아이콘 청크를 전부 요청하고 있었다.아이콘 몇 개만 사용했을 뿐인데...요청이 5,000개가 넘는다니...🙄 대환장 참고로 내가 사용한 라이브러리의 버전은 아래와 같다.- Vite v5.4.17- tabler/icons-react v.3.29 문제 상황아래는 테스트용 코드인데,아이콘 하나만 imp..

Programming/기타 2025. 7. 19. 23:18

[ESLint] vite+React+TS 프로젝트 세팅 시 린트 오류 해결하기

vite를 사용해서 React + TS 프로젝트 환경을 세팅하던 중 ESLint 오류가 발생했다. 🧨 에러 .eslintrc.cjs와 vite.config.ts 파일에서 ESLint 오류가 발생하고 있다. 😬😬 에러 내용 // eslintrc.cjs Parsing error: ESLint was configured to run on /.eslintrc.cjs using parserOptions.project: /tsconfig.json However, that TSConfig does not include this file. Either: - Change ESLint's list of included files to not include this file - Change that TSConfig to i..

Programming/기타 2024. 1. 12. 18:36

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
겨리의 개발일기
메일

티스토리툴바