Webpack?

출처:webpack공식웹팩은 무엇일까?그전에 Bundler는 무엇일까?(Bundler없이)완성된 웹사이트를 로딩을 하면 만드는데 필요했던 js나 이미지 등 여러 파일들을 전부 하나씩 로드를 해온다..즉, 서버와의 로딩이 많을 수록 앱은 느리게 작동추가로 수많은 js파일

웹팩을 설치하기 위해서해당 프로젝트를 node.js의 패키지 프로젝트로 만들어보자npm 설치파일 생성이 된걸 확인해 보자추가로 출력할 html 파일에서 script 안에 index_bundle.js를 불러와주면 완성!출처 : 생활코딩왼쪽에 있는 여러가지 자원들(실제

참고사이트 : webpack기본값모드(개발자모드) development배포되는모드 production아무것도 세팅하지않은 모드 none방향성에 따라 모드를 선택할 필요가 있다.webpack.config.prod.js 같이 배포용 파일을 하나 더 만들어서개발용,배포용 선

여러개의 entry 파일을 한번에 output 하고 싶을때Output가이드entry안에 이름을 붙여서 각각 지정해준다. output에는 각 이름이 들어갈 수 있는 함수를 넣어준다.npx webpack >> 각 파일이 번들링 된것을 볼 수 있다.규정되어있는 형태복합적+자