Webpack Dev Server
웹팩의 빌드 대상 파일이 변경 되었을 때
매번 웹팩 명령어를 실행하지 않아도 코드만 변경하고 저장하면
웹팩으로 빌드한 후 브라우저를 새로고침 해준다.
웹팩 데브 서버(Webpack Dev Server)를 실행하여 웹팩 빌드를 하는 경우
빌드한 결과물이 파일 탐색기나 프로젝트 폴더에서 보이지 않는다.
빌드 후 bundle.js는 연결이 되어있지만
프로젝트 폴더에 dist 폴더가 보이지 않는다.
빌드한 결과물은 메모리에 저장되고 파일로 생성하지는 않기 때문에
컴퓨터 내부적으로는 접근할 수 있지만 사람이 직접 눈을 보고 파일을 조작할 수는 없다.
따라서 웹팩 데브 서버는 개발할 때만 사용하다가
개발이 완료되면 웹팩 명령어를 이용해 결과물을 파일로 생성해야한다.
"scripts": {
"dev": "webpack serve", // 개발할 때
"build": "webpack" // 배포할 때
},※ 컴퓨터 구조 관점에서 파일 입출력보다 메모리 입출력이 더 빠르고 컴퓨터 자원이 덜 소모된다.