前面的文章说到了react 15的一些特性，众所周知react搭配es6或者叫es2015的开发模式更加的方便快捷。不过提到es2015这个毕竟没有被浏览器广泛支持的规范，要想能够快快乐乐的应用起来，就少不了将未来将要被浏览器支持但现在支持还不全面的规范转换成现有规范的工具了。这个好像选择不多，是的好像就是babel了，关于babel，本文不会去涉及它内部的实现原理。因为最近在兼容新的react的时候，不可避免的涉及到babel的更新，开始被那一串配置搞的头大，所以就认真的学习了一下，来跟大家分享一下。这里的主要目的是babel的一些列配置文件的处理，所以关于babel的安装之类的请猛戳babel官网。
关于babel的配置，主要是体现在项目根目录下的.babelrc文件中。在babel6之前的版本还支持其他的一些配置选项，更新之后babel配置文件只支持presets，plugins两个参数。不向后兼容，所以其他的参数是会报类似下面的错误：
ReferenceError: [BABEL] XXXX.jsx: Unknown option: stage(或loose)。
所以我们所有的配置都是基于上面两个参数上来配置的。两者差别可以认为presets指定的部分是babel集成好的插件集，可以用来应对某一类问题例如es2015就是用来解析es2015用到的插件集。当然可能会有某些情况是比较个例的，可能用到但大部分情况下不会出现的插件，你就可以在plugins中配置
一、presets：babel已经集成好的插件集。包括以下六种：
1）es2015: 处理es2015基本的语法，安装对应语句：
npm install npm install --save-dev babel-preset-es2015
2）react：主要用来处理react所用到的jsx语法等。安装：
npm install npm install --save-dev babel-preset-react
3）stage-0:主要处理do语句和bind方法。还包括stage-1,stage-2,stage-3的全部插件。
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式