分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

jsx编译成js

发布时间:2023-09-06 02:20责任编辑:郭大石关键词:js编译

对于一个只想使用一下react批量渲染的后端程序员来说,配置完整的编译环境可以没有必要,最好一条命令搞定。jsx其实就是js的语法糖,需要用编译工具编译下。

方法首先安装node.js,里面默认带了npm的包管理。

//命令行中全局安装

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

//执行命令

babel 目录或文件 --presets react --out-file 目标文件

如:babel .\test.jsx --presets react --out-file test.js

//转换完毕收工

当然也可以通过这种浏览器编译的方式,不过不是很推荐,控制台也会打出警告

<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
<script type="text/babel" src="jsx/test.jsx"></script>

jsx编译成js

原文地址:https://www.cnblogs.com/xunluyaoyao/p/9888839.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved