px2rem 변환 플러그인 1.0.2 버전 발표

1645 단어
CallMeXYZ 플러그인을 복사하여 미디어query를 포함하는 버그를 복구했습니다. (@media (max-width:640px)
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

    좋은 웹페이지 즐겨찾기