react 中jsx 转化成js

最新推荐文章于 2024-04-23 14:33:16 发布

编码的三叔

最新推荐文章于 2024-04-23 14:33:16 发布

阅读量1.6k

点赞数

分类专栏： React jsx 文章标签： jsx

本文链接：https://blog.csdn.net/ppwwp/article/details/82591824

版权

React 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

jsx

1 篇文章 0 订阅

订阅专栏

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