gulp-autoprefixer не компилирует CSS3

Question

В моем 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. Я не уверен, почему я должен заново определить, где смотреть, так как это уже установлено в sass pipe.

2) Я не уверен, правильно ли настроен мой авторефиксер или что означают точные аргументы. Например, "последняя версия 2" относится к сафари 5, 4.9, 4.8? Я не могу найти документацию по этому вопросу.

В обоих случаях не похоже, что авторефиксер компилируется в screen.css.

В моем.scss у меня есть некоторые переходы, преобразования и тени-тени, такие как:

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

Answer 1

Похоже, вам нужно изменить имя файла назначения. Где вы хотите, чтобы скомпилированный CSS в конечном итоге? Если вы хотите его в текущем каталоге в файле с именем screen.cssзатем поменяй gulp.dest('/') в gulp.dest('screen.css'),