Webpack Tutorials for Beginners

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

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,831
19-04-29 조회 1,781
19-04-03 조회 1,753
19-02-28 조회 2,003
19-02-28 조회 2,123
19-02-27 조회 1,586
19-02-27 조회 2,959
19-02-27 조회 1,736
19-02-26 조회 1,650
19-02-26 조회 1,334
19-02-26 조회 2,561
19-02-25 조회 1,569
19-02-25 조회 1,509
19-02-25 조회 1,304
19-02-24 조회 1,684
19-02-24 조회 1,221
19-02-24 조회 1,421
19-02-23 조회 1,331
19-02-23 조회 1,630
19-02-23 조회 2,167
19-02-22 조회 1,594
19-02-22 조회 1,515
19-02-22 조회 1,788
19-02-21 조회 1,663
19-02-21 조회 1,320
19-02-21 조회 1,791
19-02-20 조회 1,181
19-02-20 조회 1,108
19-02-20 조회 1,077
19-02-19 조회 1,343