安裝相關的依賴

npm i lib-flexible --save
npm i postcss-px2rem --save

主要用來暴露專案配置

npm run eject
！www.cppcns.com如果執行npm run eject報錯，出錯的原因應該是倉庫裡面程式碼沒有提交，如下提交一下
git add .
git commit -m '自定義名'
npm run eject

然後開啟專案中 config->webpack.config.js 進行配置

// 在配置檔案www.cppcns.com中添DLyhAqXZ加如下兩行程式碼
// pxDLyhAqXZ2rem({ remUnit: 75 }) 的意思就是1rem = 75px 這個是根據750px設計稿來的，如果是620 的就寫 62

const px2rem = require('postcss-px2rem');
px2rem({ remUnit: 75 })

按照設計圖大小設定 如：108=1080px/10

引入 lib-flexibl程式設計客棧e：在入口檔案index.js中引入lib-flexible檔案

import 'lib-flexible'

在 public->index.html 檔案裡把下面的這段程式碼註釋掉

配置完成之後 重啟專案

到此這篇關於react配置px轉換rem的方法的文章就介紹到這了,更多相關react配置px轉換rem內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！