在我的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;
}