使用create-react-app创建一个react项目react-demo，具体操作见：https://github.com/facebook/c...。create-react-app创建的项目默认不暴露配置信息，在node_modules/react-scripts下可以看到所有的配置信息。因此，如果你对原有的配置信息不满意，想添加自定义配置，可以这样做：1.技术背景以下是淘宝灵活布局+sass语法糖的实现示例。什么是灵活的？https://github.com/amfe/artic...sass语法糖的使用：http://www.ruanyifeng.com/blo...2.暴露react-demo工程中配置的包。在json中使用npmruneject恢复默认配置。需要注意的是，这个命令是不可逆的。此时在根目录下会生成我们需要的两个配置文件夹config和public。3.准备包为了满足我们的需求，我们需要安装以下包：postcss-px2rem--save4.开始配置在config/webpack.config.dev.js下进行如下配置：2.在config/webpack.config.dev.js中也需要同样的配置，不再赘述这里的描述。3.在index.js中引入lib-flexible3。还有一步要做。将上面的适配和之前的vue适配进行对比后，发现两者在同一个页面下还是有些区别的，我花了很长时间才找到解决方案。找到public/index.html文件并注释掉下面的视口代码。至于为什么，可以查看lib-flexible的源码。五、总结以上就是适配react项目的相关操作，现在我们可以愉快的在项目中实现自己的需求了。
