2019-10-24

bathingape·2019년 10월 24일
0

TIL(2019)

목록 보기
2/41

Today I Learn...

  • webpack

    * 웹팩으로 빌드하기
    ```js

    $ npm init
    $ npm i react react-dom
    $ npm i -D webpack webpack-cli
    $ npm i -D @babel/core
    $ npm i -D @babel/preset-env
    $ npm i -D @babel/preset-react
    $ npm i -D @babel/plugin-proposal-class-properties
    $ npm i babel-loader

	* webpack.config.js 파일 생성(설정)
    * 자동 빌드 설정
    	```js
$ npm i -D react-hot-loader
$ npm i -D webpack-dev-server --hot
* package.json 실행 설정(추가하기) => ```$ npm run dev```

```js
"scripts": {
    "dev": "webpack-dev-server"
  }
```

To-Do

  1. 기존 리액트 코드 Hooks로 전환하기
profile
웹 개발을 위해 공부한 내용을 기록하고 있습니다.

0개의 댓글