Webpack 실전 번들링

scss,js 파일이 여러개일 때

번들링 하기 전 구조

여러개의 js 파일, 여러개의 scss 파일들이 있다

번들링 후 구조

scss 파일은 통째로 복사했고, js파일은 루트 경로에 각각 복사하였다.

webpack.config.js 설정

entry를 객체로 받으면 복수의 파일을 집어넣을 수 있다.

output의 filename에 [name]을 반드시 붙여줘야 복수의 파일로 output이 생성된다.

youtube iframe api

webpack 번들링을 하면 youtube api가 말을 안듣는데(?) onYouTubeIframeAPIReady 함수를 전역객체에 담아주면 해결 된다.

window.onYouTubeIframeAPIReady = function onYouTubeIframeAPIReady() { }