溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下react如何配置px轉換rem，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
安裝相關的依賴
npm i lib-flexible --save
npm i postcss-px2rem --save
主要用來暴露項目配置
npm run eject
！如果運行npm run eject報錯，出錯的原因應該是倉庫里面代碼沒有提交，如下提交一下
git add .
git commit -m '自定義名'
npm run eject
然后打開項目中 config->webpack.config.js 進行配置
// 在配置文件中添加如下兩行代碼
// px2rem({ remUnit: 75 }) 的意思就是1rem = 75px 這個是根據750px設計稿來的，如果是620 的就寫 62const px2rem = require('postcss-px2rem');
px2rem({ remUnit: 75 })
按照設計圖大小設置 如：108=1080px/10
引入 lib-flexible：在入口文件index.js中引入lib-flexible文件
import 'lib-flexible'
在 public->index.html 文件里把下面的這段代碼注釋掉
配置完成之后 重啟項目
看完了這篇文章，相信你對“react如何配置px轉換rem”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
