고요빛물결

Webpack Tutorials for Beginners

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

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,859
19-04-29 조회 1,803
19-04-03 조회 1,780
19-02-28 조회 2,039
19-02-28 조회 2,145
19-02-27 조회 1,619
19-02-27 조회 2,983
19-02-27 조회 1,761
19-02-26 조회 1,679
19-02-26 조회 1,407
19-02-26 조회 2,637
19-02-25 조회 1,597
19-02-25 조회 1,542
19-02-25 조회 1,336
19-02-24 조회 1,708
19-02-24 조회 1,243
19-02-24 조회 1,450
19-02-23 조회 1,365
19-02-23 조회 1,654
19-02-23 조회 2,197
19-02-22 조회 1,622
19-02-22 조회 1,539
19-02-22 조회 1,815
19-02-21 조회 1,689
19-02-21 조회 1,348
19-02-21 조회 1,823
19-02-20 조회 1,208
19-02-20 조회 1,138
19-02-20 조회 1,102
19-02-19 조회 1,374