react 설정 px 변환 remi 방법

1249 단어 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({rem Unit:75})의 뜻 은 1rem=75px 입 니 다.이것 은 750 px 디자인 원고 에 따 른 것 입 니 다.620 이면 62 를 씁 니 다.
const px2rem = require('postcss-px2rem');
px2rem({ remUnit: 75 })

설계도 크기 에 따라 108=1080 px/10

lib-flexible 도입:입구 파일 index.js 에 lib-flexible 파일 도입
import 'lib-flexible'
public->index.html 파일 에서 아래 코드 를 주석 합 니 다.

설정 이 완료 되면 항목 을 다시 시작 합 니 다.
react 설정 px 변환 remy 방법 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 react 설정 px 변환 remy 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!

좋은 웹페이지 즐겨찾기