px2rem 변환 플러그인 1.0.2 버전 발표
px2rem
응답식 웹 페이지, 특히 휴대전화 단말기는 항상rem 단위를 채택한다.이 웹 패키지의 작은 loader는 입력 길이, 너비, 글씨체 등 픽셀 px를rem로 환산하는 번거로움을 줄이고 개발할 때 px를 직접 입력하며, 마지막으로 포장할 때rem로 환산합니다.
가격.
github star 1개
컨텐트 목록
이것은 당신의 원래 css 또는 js 코드입니다
// css
div {
font-size: 14px;
width: 100px;
}
// js react
기본
1rem=10px
로 전환하면// css
div {
font-size: 1.400rem;
width: 10rem;
}
// js such as in react
설치하다.
npm install webpack-px2rem-loader --save-dev
사용
//in your webpack.config.js
module.exports={
...
module:{
// loaders
rules:[
{
test:/\.jsx$/,
loader:'webpack-px2rem-loader',
//
query:{
// 1rem=npx 10
basePx:10,
// min px 0
// px( border 1px) rem 1px,
min:1,
// rem 3
floatWidth:3
}
}
]
}
}
플러그인 주소
https://www.npmjs.com/package/webpack-px2rem-loader https://npm.taobao.org/package/webpack-px2rem-loader
스타가 되고 싶지 않아요?
https://github.com/LiangWei88/webpack-px2rem-loader
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.