react 설정 px 변환 remi 방법
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 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 많은 응원 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
nginx 에서 사이트 아이콘 표시 설정전단 개발 환경: react:^16.4.1 webpack:^4.16.0 웹 팩 에 favicon. ico 설정 추가: nginx 는 ico 에 대한 지원 을 추가 합 니 다:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.