cytle / gulp-px2rpx

微信小程序 px转换为rpx

gulp-px2rpx

微信小程序 px转换为rpx

Installation

$ npm install --save-dev gulp-px2rpx

Usage

const gulp = require('gulp');
const px2rpx = require('gulp-px2rpx');

gulp.task('default', function () {
  gulp.src('./css/*.css')
    .pipe(px2rpx({
        screenWidth: 750, // 设计稿屏幕, 默认750
        wxappScreenWidth: 750, // 微信小程序屏幕, 默认750
        remPrecision: 6 // 小数精度, 默认6
    }))
    .pipe(gulp.dest('./wxappCss'))
});

gulp-px2rpx's Issues

一个scss变量是base64，里面有0px字符，然后转完base64字符的0px就被去掉了

所以图片显示不出来很难受

px2rpx will replace the px string in base64 string

I set the background image with base64 string, and i use px2rpx at the same time.However I find the 'px' in the base64 string has been replaced into 'rpx'.

如果className里面包含了px这两个字符

感谢你做了这样一个工具，但我在使用的时候发现，如果className里面包含了px这两个字符，也会被转成rpx。这个能避免吗？