고요빛물결

Webpack Tutorials for Beginners

· 2019-02-27 (수) 01:05:18 · 1767

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

 

 

댓글을 작성하시려면 로그인이 필요합니다.

CSS

89건

CSS 관련 공부 및 자료 공유 소모임 게시판 입니다.

+
제목 글쓴이 날짜 조회
19-05-11 조회 1,875
19-04-29 조회 1,814
19-04-03 조회 1,794
19-02-28 조회 2,054
19-02-28 조회 2,159
19-02-27 조회 1,628
19-02-27 조회 2,997
19-02-27 조회 1,768
19-02-26 조회 1,688
19-02-26 조회 1,426
19-02-26 조회 2,650
19-02-25 조회 1,608
19-02-25 조회 1,552
19-02-25 조회 1,346
19-02-24 조회 1,719
19-02-24 조회 1,263
19-02-24 조회 1,459
19-02-23 조회 1,378
19-02-23 조회 1,667
19-02-23 조회 2,211
19-02-22 조회 1,633
19-02-22 조회 1,551
19-02-22 조회 1,833
19-02-21 조회 1,700
19-02-21 조회 1,361
19-02-21 조회 1,837
19-02-20 조회 1,218
19-02-20 조회 1,150
19-02-20 조회 1,112
19-02-19 조회 1,384