코드스플릿이 뭔가? 그냥 지나쳤던 내용인데 한번 알아보자
일반적으로 lazy를 사용하지않고 home/ktw
로 라우팅을 하게되면 아래 그림과같이 모든 파일을 리로딩한다.
import KTW from "pages/taewan";
const route = {
path : "home/ktw",
element: <KTW />,
}
하지만, React.lazy()를 사용하면 chunk.js
라는 파일이 생성된다.
const KTW = lazy(()=> import(pages/taewan));
const route = {
path : "home/ktw",
element: <KTW />
}