让webpack打包时支持ReactJS"编译"

我们之前使用了什么?
1.最早的时候我们学习了babel,使用一个叫babel-plugin-transform-react-jsx的插件转化JSX语法
2.为了更好的理解目前流行的框架,我摸学习了ES2015。为了让我们的代码能够运行在当前浏览器中,我们学习了webpack。
2.1同样结合了babel-preset-es2015来转化新语法
2.2学习了简单的webpack配置文件,使得我们写的ES2015代码能够正常使用webpack打包

前面我们可以让webpack打包es2015,现在要它支持react.
1.安装(之前我们装了babel-preset-es2015是为了支持es2015的代码)

$ npm install babel-preset-react

这里写图片描述
2.需要在配置文件(webpack.config.js)里加入:
query: {presets: [‘es2015’,’react’]}
这里写图片描述
另外也可以在babel配置文件(.babelrc)里:

{presets:['es2015','react']}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值