--watch 옵션, npm 패키지 사용

계속 환경설정이 바뀔 때마다계속 npx webpack을 하는것이 귀찮기 때문에 npx webpack --watch 명령어를 사용하면

 

Source 폴더에서 변형이 일어날 경우 자동으로 컴파일을 실행시켜주는 명령어 입니다.

 

아무 파일이나 수정

해당 명령어를 실행하고 아무 파일이나수정을 하고 저장을 하면바로 반영이 됩니다.

 

 

---

 

webpack 명령어가 해당 폴더에서 필요한 기능을 찾아오는 겁니다.

Webpack 모듈이 사용할 모듈을 저렇게 적어놓으면 자동으로 node_modules에서 같은 이름의 모듈을 찾아서 자동으로 임포트 시켜줍니다. 

 

node.js 언어 자체에서 자동으로 node_modules 디렉토리에서 import 를 시켜주는 것이 아니라 webpack 모듈이 하는 것 입니다.

 

temp 라는 이름의 모듈이 존재한다고 가정을 해봅니다. npm temp 라는 명령어를 통해 모듈을 다운을 받게되면 temp 모듈은 node_modules 디렉토리에 저장이 됩니다.

 

import temp "사용할 모듈";    

 

import temp "temp";

라고 작성을 할 경우 JS가 문법을 해석하다가 해당 코드를 만나면 temp라는 파일이 있는지 확인을 하고 없을 경우 webpack 모듈이 node_modules 디렉토리에서도 temp 라는 모듈이 있는지 확인을 하고 존재 할 경우 해당 모듈을 읽어 들어와 temp 라는 변수에 담아주는 것 입니다.