安装转换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