Javascript 번들러

owen·2022년 11월 30일
0

Javascript

목록 보기
1/3
post-thumbnail

코드 스플리팅

더 나은 사용자 경험을 위해 코드를 비동기적으로 로딩하는 방법
(ex /about 페이지 일 때 /post 페이지를 로딩하지 않는 것)
import를 함수로 사용하면 Promise를 반환한다
: 웹팩에서 처리해준다

트리 쉐이킹

사용되지 않는 코드를 제거
import { parseResult } from 'utils-lib'
의 경우 utils-lib을 모두 가져오는 것이 아닌 parseResult만 가져오는 것

해시 캐스캐이딩

하나의 파일 해시가 바뀌면 참조한 파일의 해시도 바뀌는 현상
: 웹팩, 롤업, 퍼셀에서 모두 제공해준다

HMR Hot Module Replacement란

모듈을 새로고침 할 필요 없이 런타임에 업데이트 할 수 있다
(dev 모드에만 제공)

출처: https://yozm.wishket.com/magazine/detail/1261/

profile
hello, I'm developer

0개의 댓글