The px2rem-gulp from songsiqi

px2rem-gulp's People

Contributors

Stargazers

Watchers

px2rem-gulp's Issues

提几个建议

生成的css 为何都是加 *.debug.css，是否考虑加个选项禁用自动加 .debug 的功能？
生成的CSS 格式是否考虑添加规范化格式的功能？如 expanded ，compact 等？
谢谢作者的付出。

生成文件变成XXX.debug.css

为什么需要在文件名中间加个debug？？？

Rem version 不会生成dpr样式？

您好，up。很感谢创建了px2rem这个插件。
貌似Rem version 不会生成dpr样式,我查看了文档的配置项好像也没有设置的地方
求指教:pray:

.selector {
    width: 2rem;
    border: 1px solid #ddd;
}
/*  下面适配的语句不会生成
[data-dpr="1"] .selector {
    height: 32px;
    font-size: 14px;
}
[data-dpr="2"] .selector {
    height: 64px;
    font-size: 28px;
}
[data-dpr="3"] .selector {
    height: 96px;
    font-size: 42px;
}*/

我的gulpfile.js文件

var gulp = require('gulp')
var less = require('gulp-less')
var px2rem = require('gulp-px3rem')

gulp.task('less', function() {
    return gulp.src('./less/main.less')
                .pipe(less())
                .pipe(px2rem({
                    remUnit: 64
                }))
                .pipe(gulp.dest('./css'))
});

gulp.task('watch', function() {
    gulp.watch(['./less/**'], ['less'])
})

gulp.task('default', ['less', 'watch'])

文件生成：

.logo {
    margin: 0 auto;
    width: 176px;
    height: 64px;
    background: url('../images/logo.png') no-repeat;
    background-size: 100% auto;
}

-->

.logo {
  margin: 0 auto;
  width: 2.75rem;
  height: 1rem;
  background: url('../images/logo.png') no-repeat;
  background-size: 100% auto;
}

//[data-dpr="2"]?
//[data-dpr="3"]?

Recommend Projects