3

虽然这里有类似的帖子,但我找不到解释为什么 Gulp 中的 Autoprefixer 在某些情况下似乎忽略了指定的浏览器。

这是我的 Gulpfile.js 的相关部分:

var sassOptions = {
  errLogToConsole: true,
  outputStyle: 'expanded'
};

gulp.task('sass', function(){
  return gulp.src('css/main.scss')
    .pipe(sass(sassOptions).on('error', sass.logError))
    .pipe(autoprefixer({
      browsers: ['last 2 versions','ie 9'],
      cascade: false
    }))
    .pipe(gulp.dest('css'))
});

我可以告诉 autoprefixer 正在运行,因为 -webkit- 前缀应用于最终的 CSS 文件,如下所示:

-webkit-transform:translate(-50%,-50%)
transform:translate(-50%,-50%)

但是,鉴于我指定了 'ie 9',不应该

-ms-transform:translate(-50%,-50%)

也出现在这里?

我已经尝试了很多语法变化,但似乎无处可去!这里的任何指针表示赞赏。

4

0 回答 0