728x90
리액트는 사용자에게 제공할 때 빌드 작업을 무조건 거쳐서 배포해야한다.
빌드를 통해 프로젝트에서 사용되는 자바스크립트 파일 안에서
불필요한 주석, 경고 메시지, 공백 등을 제거하여 파일 크기를 최소화 및
브라우저에서 JSX 문법이나 다른 최신 자바스크립트 문법이 원활하게 실행되도록 코드의 트랜스파일 작업도 할 수 있음.
CRA프로젝트를 빌드할 경우
최소 두 개 이상의 js파일이 생성
yarn build코드를 통해 build를 하면,
build/static디렉터리에서
'3.20e936d7' 와 같은 해시 값이 포함되어 있다.
2로 시작하는 파일에는 React, ReactDOM 등 node_modules에서 불러온 라이브러리 관련 코드
main으로 시작하는 파일에는 직접 프로젝트에 작성하는 App같은 컴포넌트에 대한 코드
위와 같이 build를 통해 파일을 분리하는 작업을 코드 스플리팅이라고 한다.
728x90