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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM