react+ant-mobile+lib-flexible构建移动端项目适应设计图尺寸(750)

使用lib-flexible在react中先安装

npm install lib-flexible --save

　　因为插件使用的是rem适配，所以安装两个插件

npm install postcss-px2rem --save
npm install postcss-px2rem-exclude --save

　　然后在配置文件webpack.config.js中引入插件

const px2rem = require('postcss-px2rem-exclude');

　　之后注入，这里的设置是ant-mobile的样式不转换，设计图尺寸为750px

px2rem({remUnit:75,exclude: /node_modules/i}),

　　

这里需要暴露react的配置文件，如果不知道怎么看配置文件，可以看我的另一篇博客

　　https://www.cnblogs.com/muzimumu/p/11934672.html