search

kongyaa / study

for study
0 stars 0 forks source link

webpack-dev-server #11

Open kongyaa opened 6 years ago

kongyaa commented 6 years ago

이것은 8080 포트로 실행되는 Express(node.js)서버입니다. 서버는 내부적으로 Webpack을 호출 합니다. 그러면 브라우저 리로딩(실시간 로딩), “Hot Module Replacement” 와 같은 추가적인 기능을 사용할 수 있는 이점이 있습니다.

kongyaa commented 6 years ago

options http://frontend.diffthink.kr/2016/12/docs-webpack-dev-server.html

kongyaa commented 6 years ago

inline 은 전체 페이지에 대한 실시간 리로딩(“Live Reloading”) 옵션이며, hot 은 컴포넌트가 수정 될 경우 그 수정된 부분만 리로드 해주는 부분 모듈 리로딩(“Hot Module Reloading”) 옵션이다. 만약 두개 옵션을 모두 지정할 경우 “Hot Module Reloading”이 처음 발생한다. 그리고 “Hot Module Reloading”이 안되면 전체 페이지 로딩을 한다.

//1. 페이지를 로딩하지 않는다. $ webpack-dev-server

//2. 전체 페이지를 로딩 한다. $ webpack-dev-server --inline

//3. 부분 로딩 또는 전체 페이지 로딩 $ webpack-dev-server --inline --hot