1. Course Files & Introduction

 

https://github.com/iamshaunjp/webpack-playlist

 

git checkout lesson-1

 

Webpack이 하는일

1. Javascript를 하나의 파일로 묶어줌.

2. SASS/LESS를  CSS로

3. JSX/ES2015 파일을 vanilla JS로

 

2. Installing Webpack & Bundling JS Files

git checkout lesson-2

npm init ==> package.json을 만들어 줌.

npm install webpack --save-dev

webpack script-1.js bundle.js

 

3. The webpack.config File

entry 포인트, output 포인트를 설정

4. Babel Loaders

npm install babel-core babel-loader babel-preset-es2015 --save-dev

 

webpack.config.js를 작성

 

5. CSS Loaders

npm install style-loader css-loader --save-dev

6. SASS Loaders

npm install node-sass sass-loader --save-dev