记录JSX语法配置的两套包和配置文件

本文详细介绍了如何使用cnpm安装Babel核心插件,包括babel-core, babel-loader等,并指导如何正确配置.babelrc及webpack.config.js文件,适用于Babel版本7.×以下。
babel插件安装

+ cnpm i babel-core babel-loader babel-plugin-transform-runtime -D
+ cnpm i babel-preset-env babel-preset-stage-0 babel-preset-react -D

配置
配置.babelrc文件

顺序无所谓这里

配置webpack.config.js文件

匹配规则

ps:这里的配置是基于babel版本7.×以下,不包括7.×,当版本高于这个之后会出现一定的问题,当然采坑记录我也记录了下来,我的另一篇踩坑历程
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值