虽然这里有类似的帖子,但我找不到解释为什么 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%)
也出现在这里?
我已经尝试了很多语法变化,但似乎无处可去!这里的任何指针表示赞赏。