본문 바로가기

프론트엔드 공부/webpack&bundler

webpack 플러그인설치

npm i -D html -webpack-plugin으로 설치후 

webpack.config.js에 require로 불러오기,

plugins 구성옵션 만들기,

npm run dev 시 로컬 포트가 부정확하게 나오므로  로컬포트 관련 구성옵션도 추가할것

 

//entry로 시작하여 js/main.js를 읽어들여서

//output으로 만들어내는데 그 옵션인 plugins로 경로를 index.html로 지정