1. npm run dev를 하는 이유
npm run dev는 개발 환경에서 프로젝트를 실행하는 명령어입니다.이 명령어를 실행하면 개발 서버가 실행되며, 소스 코드 변경 시 실시간으로 페이지가 새로고침되는 핫 모듈 교체(Hot Module Replacement) 기능이 활성화됩니다.
이를 통해 개발자는 빠르게 코드를 작성하고 테스트할 수 있습니다.
2. npm run build와의 차이
npm run build는 프로덕션 환경을 위한 최적화된 빌드를 생성하는 명령어입니다.이 명령어를 실행하면 JavaScript, CSS 등의 자산 파일이 압축되고 최적화되어 프로덕션 환경에 배포할 수 있는 버전이 생성됩니다.
반면
npm run dev는 개발 환경에 최적화되어 있어 소스 맵 생성, 핫 모듈 교체 등의 기능이 활성화됩니다.
3. npm run dev를 하지 않으면 Laravel 페이지가 이상하게 보이는 이유
Laravel 프로젝트에서 Vite를 사용하는 경우,
npm run dev명령어는 Vite 개발 서버를 실행하여 자산 파일(CSS, JavaScript 등)을 실시간으로 컴파일하고 제공합니다.npm run dev를 실행하지 않으면 Vite가 자산 파일을 컴파일하지 않아 페이지에 스타일이나 동작이 제대로 적용되지 않습니다.따라서 Laravel 프로젝트에서 Vite를 사용하는 경우,
npm run dev명령어를 실행하여 개발 서버를 실행해야 합니다.
요약하면, npm run dev는 개발 환경에서 프로젝트를 실행하고 실시간 변경 사항을 반영하는 데 사용되며, npm run build는 프로덕션 환경을 위한 최적화된 빌드를 생성하는 데 사용됩니다. Laravel 프로젝트에서 Vite를 사용하는 경우, npm run dev를 실행하지 않으면 자산 파일이 제대로 컴파일되지 않아 페이지가 이상하게 보일 수 있습니다.