最近项目由react0.14.X升级到react 15版本，因为react15还是做了一些相对大一点的更新的（详情可以参考一下我的另一篇文章关于react15的一点总结），相对；来说react升级之后但react问题并不太多。但是react相应的配置，例如babel，react-hot-loader等相也做了一些升级。放到一起来说问题还是多一点的。这里把遇到的一些问题和注意点拿出来给大家分享一下，能避免的坑还是要尽量绕开的不是。
一、首先react15的包分成了react和react-dom两部分分别打包，所以用到react-dom的地方，导入的位置就要换掉了。如下面图示：
二、react，babel是环环相扣的。升级了react之后升级babel是在所难免的过程了，
注意升级的顺序，babel->babel-*其他相关项->babel-core。原有相关依赖项不先行升级的话对babel-core的是有版本要求的，会导致升级失败。
三、升级babel之后，原有babel5的写法已经被废弃，所以会报错：
ReferenceError: [BABEL] XXXX.jsx: Unknown option: stage(或loose)
babel6只支持presets和plugins两个属性了。babel 最新版本babel6的相关配置解析可以看下这篇文章。此外，如果少引用了某个插件。会有类似下面的报错：
Module build failed: SyntaxError: index.js: Unexpected token 四、如果你用到了react-hot-loader实现热加载的话，会遇见下面的错误：
Cannot resolve module 'react/lib/ReactMount' switch to react-hot-loader 3.x!
刚才提到的相应配置也要升级，这是比较麻烦的一点。所以react-hot-loader要升级到3.X，不过我发现npm上最新的版本竟然也是beta版，希望不会有其他变动。
五、仅仅是把react-hot-loader升级到3.X还不算完，升级完之后react-hot-loader的用法也要有相应改变。此时会有下面的错误：
不能像原来一样在webpack中直接加载react-hot-loader：
需要从webpack中移除react-hot loader。.barbelrc中增加plugins属性：react-hot-loader/babel。此处问题比较多，大致应该装以下预设和插件（babel 最新版本babel6的相关配置解析可以看下这篇文章，更好理解）：
延伸阅读
- 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
学习是年轻人改变自己的最好方式