[React 교과서] jsx를 js로 변환 (babel 세팅)
React 2019. 8. 7. 13:36반응형
npm init -y
npm i babel-cli babel-preset-react --save-dev
npm i babel-preset-es2015 --save-dev
package.json파일 수정
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
{
"name": "clock",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build-clock": "./node_modules/.bin/babel jsx -d js -w"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"babel-cli": "^6.9.0",
"babel-core": "^6.26.3",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1"
},
"babel":{
"presets":["react", "es2015"]
}
}
|
> npm run build-clock
반응형
'React' 카테고리의 다른 글
| redux-example (0) | 2019.08.08 |
|---|---|
| [리액트를 다루는기술] webpack.config.dev.js 파일이 없을 경우 (0) | 2019.08.08 |
| babel 트랜스컴파일에러가 날때 해결방법 (0) | 2019.08.06 |
| [React교과서 ch02] hello-world-nested (0) | 2019.08.06 |
| [React 교과서 ch01] hello-world (0) | 2019.08.06 |