[etc] Babel사용과 Webpack에 로더 셋업하기
안녕하세요, 늘 부족하지만 아는 것을 공유하는 AlbertKo입니다! 이번엔 저번에 쓴 Webpack 글에 이어서 babel-loader 에 대해서 써보도록 하겠습니다. babel이란 바벨이란 Javascript의 컴파일러이며, ES 버전에 따른 트랜스파일러 (Transpiler) 입니다. ECMAScript 2015+ 에 버전을 ES5로 변경해주므로서, 브라우저에서 최신 ES Spec을 지원하지 않는 문제를 해결할 수 있습니다. babel과 babel-loader 설치하기 webpack을 글로벌로 설치했다고 생각하고 프로젝트에서 npm으로 다음과 같이 설치해줍시다. npm i -D babel-loader @babel/core @babel/preset-env 설치하셨으면 webpack.config.js ..
[etc] Webpack 시작하기
안녕하세요, 늘 부족하지만 아는 것을 공유하는 AlbertKo입니다! 오늘은 웹팩을 셋업하는 방법에 대해서 다뤄볼까합니다. 웹팩 공식 홈페이지 제 글 제외 좀 더 자세한 내용은 웹팩 공식 홈페이지에서 확인해주세요! 2018/07/03 - [Programming/React] - Typescript를 사용하여 React 시작하기 - Setting 및 알고 넘어가기 제가 작성한 글인데 웹팩에 대한 설명이 포함되어 있으니 한 번 확인해보세요 ^^ Webpack 설치하기 웹팩 설치하는 방법은 로컬도 두가지 방법이있어요! 프로젝트 내에 설치와 글로벌로 설치하는 방법 두가지가 있는데 저는 후자로 진행하도록 하겠습니다. npm i -g webpack webpack-cli 이렇게 하면 글로벌로 웹팩의 설치가 끝나요. W..