package.json에서 build는 어떤 일을 하는 옵션이야?
2023. 5. 17. 19:19ㆍPost
1. 파일 번들링: 웹 애플리케이션에서는 여러 개의 JavaScript 파일과 CSS 파일을 하나의 번들로 묶어주는 것이 일반적입니다.
이를 통해 초기 로딩 속도를 향상시킬 수 있습니다. build 단계에서는 웹팩(Wepack), Parcel 등의 도구를 사용하여 파일 번들링을 수행할 수 있습니다.
2. 트랜스파일링: 최신 JavaScript 문법을 지원하지 않는 구형 브라우저에서도 실행 가능한 코드로 변환하는 과정입니다.
Babel과 같은 도구를 사용하여 ES6+ 코드를 ES5 코드로 변환할 수 있습니다.
3. 최적화: 빌드 단계에서는 코드의 크기를 최소화하고 성능을 향상시키기 위해 다양한 최적화 작업을 수행할 수 있습니다.
예를 들어, JavaScript 코드의 난독화, 이미지 압축, CSS 파일의 압축 등이 있습니다.
4. 환경 변수 설정: 개발 환경과 배포 환경 간의 차이를 관리하기 위해 환경 변수를 설정하는 경우가 있습니다.
build 스크립트에서는 환경 변수를 설정하여 개발 환경과 배포 환경에서 다른 동작을 수행할 수 있습니다.
'Post' 카테고리의 다른 글
vue2 vue3 차이 (0) | 2024.05.16 |
---|---|
Ionic vs React native vs Flutter performance (1) | 2023.05.16 |
vscode extension for frontend developers (0) | 2023.05.16 |
인증과 관련하여 쿠키가 localStorage보다 선호되는 이유 (1) | 2023.01.09 |
chrome extension, especially 사전 추천 (0) | 2023.01.02 |