代码之家  ›  专栏  ›  技术社区  ›  AlxVallejo

gulf autorefixer未编译CSS3

  •  0
  • AlxVallejo  · 技术社区  · 12 年前

    在我的gulpfile.js中

    gulp.task('sass', function() {
      return gulp.src('sass/screen.scss')
        .pipe(sass())
        .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
        .pipe(gulp.dest('/'));
    });
    
    gulp.task('watch', function() {
        gulp.watch( 'sass/**/*.scss', ['sass'] );
    });
    

    1) 一切似乎都设置正确。我的主sass文件位于sass/screen.scss。我不确定为什么必须重新声明要监视的位置的src,因为这已经在sass管道中建立了。

    2) 我不确定我的自动转换器设置是否正确,或者确切的参数是什么意思。例如,“最后2个版本”指的是safari 5、4.9、4.8?我找不到这方面的文档。

    在这两种情况下,autorefixer似乎都没有编译到screen.css。

    在我的.scs中,我有一些过渡、转换和长方体阴影,例如:

    .shadow {
        box-shadow: #000 5px 5px 5px;
    }
    
    1 回复  |  直到 12 年前
        1
  •  0
  •   Ben    12 年前

    看起来您需要更改目标文件名。你希望编译后的css最终在哪里?如果您希望它位于名为 screen.css ,然后更改 gulp.dest('/') 到 gulp.dest('screen.css') .