gulp-rem-plus

gulp 对px单位的css属性自动转化为rem为单位的插件,基于rem的解决方案rem-core的二次开发。

flexible.js

默认可以配合淘宝的flexible.js使用

Option

gulp.task('build', function() {
    return gulp.src('./demo.css')
        .pipe(rem({
            rem: 750,
            dpr: 2
        }))
        .pipe(gulp.dest('./aio'))
});

Usage

body {
    border-top: 1px;
    border-bottom: 10px;
    padding: 10px; /* @norem */
    background-size: 10px 10px;
}

输出:

body {
    border-top: 1px;
    border-bottom: 0.5557rem;
    padding: 10px;
    background-size: 0.5557rem 0.5557rem;
}

changelog