react 中jsx 转化成js

安装转换package

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

转换指令

node_modules/.bin/babel  jsx --presets react --out-dir static

jsx：为jsx文件夹
static：为生成的js文件夹

npm run compile

对jsx做一些临时性改动，重新编译它，确保这些改动能够体现在浏览器里。想要重新编译，只需要再次运行npm run compile

可以在配置文件进行配置

{
  "name": "was",
  "version": "1.0.0",
  "description": "架构",
  "main": "index.js",
  "scripts": {
    "compile":"babel jsx -presets react -out-dir static",
    "watch":"babel jsx -presets react -out-dir static -watch",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "wyl",
  "license": "ISC",
  "dependencies": {
    "express": "^4.16.3"
  }
}

配置compile和watch
当改动，jsx之后，控制台会输出

jsx/app.jsx -> static/app.js