使用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的配置文件,如果不知道怎么看配置文件,可以看我的另一篇博客