gulp-autoprefixer 不编译 CSS3答案

【问题标题】：gulp-autoprefixer not compiling CSS3gulp-autoprefixer 不编译 CSS3
【发布时间】：2014-04-25 17:11:20
【问题描述】：

在我的 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) 我不确定我的自动前缀设置是否正确或确切的参数是什么意思。例如，'last 2 version' 指的是 safari 5、4.9、4.8？我找不到这方面的文档。

在这两种情况下，autoprefixer 似乎都没有编译为 screen.css。

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

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

【问题讨论】：

标签： sass gulp

【解决方案1】：

您似乎需要更改目标文件名。您希望编译后的 css 在哪里结束？如果您希望它在当前目录中名为screen.css 的文件中，则将gulp.dest('/') 更改为gulp.dest('screen.css')。

【讨论】：