[React 교과서] jsx를 js로 변환 (babel 세팅)

npm init -y 

 

npm i babel-cli babel-preset-react --save-dev

 

npm i babel-preset-es2015 --save-dev

 

package.json파일 수정 

 

{
  "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