webpack entry와 ouput

entry

webpack의 entry는 번들화 시킬 파일을 지정하는 속성이다.  entry로 지정된 파일들을 모두 묶어서 bundle.js를 작성한다. 

 

사용법은 간단한데 json, 배열, 문자열 그 어떤 것도 상관없다. 

output 

output은 entry에 지정된 파일을 어디에 만들지 지정하는 방법이다. filename은 번들링한 파일의 이름을 지정한다. path는 bundle.js가 위치할 폴더이름을 지정한다. 

추가로 entry를 json형태로 설정하였다면 output의 filename을 [name].js로 설정하면  entry 객체의 key값으로 파일이 설정된다. 

아래 사진을 사용하여 예를들면 SignIn.js, SignUp.js등이 된다.