개발블로그

module bundler 모든 것은 모듈이다! entry 의존성 그래프의 시작 webpack이 파일을 읽어들이기 시작하는 부분 output entry에서 설정한 파일을 시작으로 의존된 모든 모듈을 하나로묶는다 bundling 결과물 처리 위치 ( path ), 파일 이름 ( filename) 설정 가능 loader test에 파일지정 ( 정규표현식 ), use에 사용할 loader를 지정한다 eslint-loader / babel-loader /css-loader / style-loader (비)자바스크립트 파일을 웹팩이 이해하게 변경해줌 css-loader :적용 시 CSS코드가 JS로 변경됨 style-loader : css-loader를 통해 변경된 stylesheet를 DOM에 동적으로 추가 p..

What is babel? JavaScript Compiler ( mainly used to convert ES2015+ code ) parsing, transforming, and generation babel-cli command line을 통해 code를 transpile할 수 있는 도구 @babel/ployfill - polyfill 특정 기능이 지원되지 않는 브라우저를 위해 사용할 수 있는 코드 조각 또는 플러그인 - @babel/polyfill polyfill들 ( includes custom regenerator runtime & core-js )을 사용하기 편리하게 랩핑해놓은 모듈 새로이 추가된 전역 객체들 & 전역 객체에 추가된 메소드들을 사용할 수 있도록 지원해준다 ( ES6환경을 제공..