gulp-autoprefixer没有编译CSS3

时间:2014-03-19 12:41:49

标签: 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('watch', function() {
    gulp.watch( 'sass/**/*.scss', ['sass'] );
});

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

2)我不确定我的autoprefixer设置是否正确或者确切的参数是什么意思。例如,'最后2版'是指safari 5,4.9,4.8?我找不到相关文档。

在这两种情况下,似乎autoprefixer都不会编译为screen.css。

在我的.scss中,我有一些过渡,变换和盒子阴影,例如:

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

1 个答案:

答案 0 :(得分:0)

看起来您需要更改目标文件名。您希望编译的CSS最终在哪里?如果您希望将其放在名为screen.css的文件的当前目录中,请将gulp.dest('/')更改为gulp.dest('screen.css')