gulp-autoprefixer编译出来的css还是不带前缀

问题描述

问 题

gulp.task('minify-css',function(){
    gulp.src('src/css/*.css')
        .pipe(autoprefixer({
            browsers:['last 2 versions'],
            cascade:true
        }))
        .pipe(cleanCss())
        .pipe(rename(function(path){
            path.basename += '.min';
            path.extname = '.css';
        }))
        .pipe(gulp.dest('dist/css'))
        .pipe(connect.reload())
})

如上，我是把autoprefixer和其他几个css处理放在一起的，这样写编译出来的css还是没有前缀的，要怎么写才能把这些功能集合在一个任务下？还是说要分开写或者说或一种写法？

解决方案

你把last 2 versions改成last 20 versions再看看效果；这个设置的意思是：你需要兼容的版本是当前浏览器最新版的前两个版本，比如chrome最新版本是57，那这个设置是兼容到55，55版本根本不需要添加前缀

这篇关于gulp-autoprefixer编译出来的css还是不带前缀的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！