利用create-react-app创建一个react项目 react-demo,具体操作见： https://github.com/facebook/c...。
create-react-app创建的项目默认是不对外暴露配置信息的，所有的配置信息可以在node_modules/react-scripts下面看到。因此如果对原配置信息不满意，希望加上自定义配置，可以这么做：
一 、技术背景
下面以实现淘宝的flexible布局+sass语法糖为例来进行操作。
何为flexible? https://github.com/amfe/artic...
sass语法糖的使用： http://www.ruanyifeng.com/blo...
二、暴露配置
在react-demo项目的package.json中使用npm run eject 来恢复默认配置，需要注意的是，此命令是不可逆的。此时会在根目录下生成我们需要的 config 和 public 两个配置文件夹。
三、准备包
要实现我们的需求，需要安装以下几个包：lib-flexible sass-loader node-sass postcss-px2rem
npm i lib-flexible --save npm i sass-loader node-sass --save-dev npm i postcss-px2rem --save
四、开始配置
- 在 config/webpack.config.dev.js 下做如下配置：
2.同样在config/webpack.config.dev.js里也需要同样的配置，这里就不重复说明了。
3.在index.js中引入lib-flexible
3.还有一步需要做的，我在完成上面的适配和之前vue的适配后做对比后，发现二者在同样的页面下居然会有些许差异，找了半天才找到了破解之道。找到 public/index.html文件，并注释掉下面的的viewport代码。至于为什么，可以查看lib-flexible的源码。
五、总结以上就是react项目的适配的相关操作，现在就可以在项目中愉快的实现我们的需求了。
