package.json에서 build는 어떤 일을 하는 옵션이야?

2023. 5. 17. 19:19Post

1. 파일 번들링: 웹 애플리케이션에서는 여러 개의 JavaScript 파일과 CSS 파일을 하나의 번들로 묶어주는 것이 일반적입니다. 
이를 통해 초기 로딩 속도를 향상시킬 수 있습니다. build 단계에서는 웹팩(Wepack), Parcel 등의 도구를 사용하여 파일 번들링을 수행할 수 있습니다.

2. 트랜스파일링: 최신 JavaScript 문법을 지원하지 않는 구형 브라우저에서도 실행 가능한 코드로 변환하는 과정입니다. 
Babel과 같은 도구를 사용하여 ES6+ 코드를 ES5 코드로 변환할 수 있습니다.

3. 최적화: 빌드 단계에서는 코드의 크기를 최소화하고 성능을 향상시키기 위해 다양한 최적화 작업을 수행할 수 있습니다. 
예를 들어, JavaScript 코드의 난독화, 이미지 압축, CSS 파일의 압축 등이 있습니다.

4. 환경 변수 설정: 개발 환경과 배포 환경 간의 차이를 관리하기 위해 환경 변수를 설정하는 경우가 있습니다. 
build 스크립트에서는 환경 변수를 설정하여 개발 환경과 배포 환경에서 다른 동작을 수행할 수 있습니다.