当前位置: 首页 > news >正文

如何启用jsx语法

如何启用jsx语法
1、安装babel插件

npm i babel-core babel-loader babel-plugin-transform-runtime -D
npm i babel-preset-env babel-preset-stage-0 -D

npm i babel-preset-react -D

2、添加配置文件.babelrc

{
    "presets":["env","stage-0","react"], //语法
    "plugins":["transform-runtime"]  //插件
}

3、添加babel-loader配置项

module:{  //要打包的第三方模块
    rules:[
        { test:/\.js|jsx$/,use:"babel-loader",exclude:'/node_modules/' } //loader
    ]
}

相关文章:

  • CSS样式文件相关loader
  • webpack项目中启用sass
  • React中css模块化注意第三方UI
  • vscode前端插件安装
  • vue-chartjs使用教程
  • v-echarts怎么看API
  • vue-echarts教程
  • 开发工具配置react代码(jsx)
  • react生命周期
  • TortorliseGit(小乌龟)创建删除(远程和本地)分支
  • ES6的class类的使用
  • echarts 配置项 series 中的data 多维度
  • ivew单元格合并
  • JS事件绑定三种方式
  • vue组件深层传值inheritAttrs、$attrs、$listeners
  • eclipse的离线汉化
  • JS变量作用域
  • MQ框架的比较
  • MYSQL 的 IF 函数
  • pdf文件如何在线转换为jpg图片
  • 大快搜索数据爬虫技术实例安装教学篇
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 关于 Linux 进程的 UID、EUID、GID 和 EGID
  • 基于游标的分页接口实现
  • 如何设计一个比特币钱包服务
  • 时间复杂度与空间复杂度分析
  • 实现菜单下拉伸展折叠效果demo
  • 突破自己的技术思维
  • Hibernate主键生成策略及选择
  • 从如何停掉 Promise 链说起
  • 积累各种好的链接
  • ​io --- 处理流的核心工具​
  • ​Z时代时尚SUV新宠:起亚赛图斯值不值得年轻人买?
  • #FPGA(基础知识)
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • (LNMP) How To Install Linux, nginx, MySQL, PHP
  • (NSDate) 时间 (time )比较
  • (TOJ2804)Even? Odd?
  • (附源码)spring boot建达集团公司平台 毕业设计 141538
  • (附源码)计算机毕业设计ssm电影分享网站
  • (七)Knockout 创建自定义绑定
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • (转) ns2/nam与nam实现相关的文件
  • ***原理与防范
  • .Net - 类的介绍
  • .Net core 6.0 升8.0
  • .net 按比例显示图片的缩略图
  • .NET 将混合了多个不同平台(Windows Mac Linux)的文件 目录的路径格式化成同一个平台下的路径
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .net(C#)中String.Format如何使用
  • .net获取当前url各种属性(文件名、参数、域名 等)的方法
  • .net开发时的诡异问题,button的onclick事件无效
  • //解决validator验证插件多个name相同只验证第一的问题
  • @html.ActionLink的几种参数格式
  • @Transactional 详解