Sass gulp autoprefixer未编译CSS3

Sass gulp autoprefixer未编译CSS3,sass,gulp,Sass,Gulp,在我的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

在我的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) 我不确定我的autoprefixer设置是否正确,或者确切的参数是什么意思。例如,“Last2版本”指的是Safari5、4.9、4.8?我找不到这方面的文档

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

在my.scss中,我有一些过渡、变换和框阴影,例如:

.shadow {
    box-shadow: #000 5px 5px 5px;
}

看起来您需要更改目标文件名。您希望编译后的css结束在哪里?如果希望它位于名为
screen.css
的文件的当前目录中,则将
gulp.dest('/')
更改为
gulp.dest('screen.css')