Webpack Tutorials for Beginners

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

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,830
19-04-29 조회 1,780
19-04-03 조회 1,752
19-02-28 조회 2,002
19-02-28 조회 2,123
19-02-27 조회 1,585
19-02-27 조회 2,958
19-02-27 조회 1,735
19-02-26 조회 1,649
19-02-26 조회 1,334
19-02-26 조회 2,560
19-02-25 조회 1,568
19-02-25 조회 1,508
19-02-25 조회 1,303
19-02-24 조회 1,682
19-02-24 조회 1,220
19-02-24 조회 1,420
19-02-23 조회 1,329
19-02-23 조회 1,629
19-02-23 조회 2,166
19-02-22 조회 1,594
19-02-22 조회 1,514
19-02-22 조회 1,787
19-02-21 조회 1,662
19-02-21 조회 1,318
19-02-21 조회 1,790
19-02-20 조회 1,180
19-02-20 조회 1,107
19-02-20 조회 1,075
19-02-19 조회 1,341