차곡차곡 개발기록

  • 홈
  • 태그

터서 1

웹팩(Webpack)을 이용한 웹앱의 번들 크기를 줄이는 방법들

번들 분할 웹팩과 같은 웹 번들러는 코드 및 코드 사이의 종속성을 분석 단일 파일로 번들 가장 적합하게 분할 하려 함 이를 분할하는 프로세스를 번들 분할이라고 함 터서(Terser) 웹팩이 코드를 최소화하고 최적화하기 위해 사용하는 도구 변수와 함수의 이름을 미니마이즈하고 (가능한 작게 변경) 트리쉐이킹 이라는 프로세스 수행으로, 어플리케이션에서 사용되지 않는 코드 제거 이때, 코드가 앱의 동작에 영향을 조금이라도 줄 경우 제거 하지 않음 트리쉐이킹은 매우 복작한 프로세스라 기능이 손상되지 않도록 신중하게 수행되어야 함 ESModule 보다 CommonJS 의 트리쉐이킹이 더 적게 일어남 ESModule = 새로운 표준, CommonJS = 오래된 모듈 표준 번들 크기 측정 웹팩에서는 Webpack Bu..

client/web 2023.01.28
이전
1
다음
더보기
프로필사진

개발공부하며 메모하는 공간

  • 분류 전체보기 (32)
    • webrtc (3)
    • client (13)
      • web (7)
      • android (2)
      • mystackoverflow (3)
      • flutter (1)
    • video (4)
    • server (8)
      • architecture (0)
      • container (1)
    • network (1)
    • memo (3)
    • coding test (0)

Tag

ViewPager2, terser, React, initialState, Prettier, 번들러, 터서, 자주쓰는plugin, webpack실습, Next, babel실습, mystackoverflow, 깃허브 명령어, ESLint, redux, NextJS, 폴리필, redux-devtools-extension, git, Webpack,

최근글과 인기글

  • 최근글
  • 인기글

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바