Jquery 不加前缀的自动刷新器

我的Autoprefixer没有向已编译的CSS添加必要的前缀。我读过各种帖子，包括堆栈帖子，并尝试更改任务的顺序和变化，包括：

.pipe(autoprefixer({
browsers: ['last 2 version', 'safari 5', 'ie6', 'ie7', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4']
})   

这是我的吞咽文件：

    var
            gulp         = require('gulp'),
            compass      = require('gulp-compass'),
            autoprefixer = require('gulp-autoprefixer'),
            concat       = require('gulp-concat'),
            notify       = require('gulp-notify'),
            livereload   = require('gulp-livereload'),
            plumber      = require('gulp-plumber'),
            path         = require('path');

        // the title and icon that will be used for the Grunt notifications
        var notifyInfo = {
            title: 'Gulp',
            icon: path.join(__dirname, 'gulp.png')
        };

        //error notification settings for plumber
        var plumberErrorHandler = { errorHandler: notify.onError({
                title: notifyInfo.title,
                icon: notifyInfo.icon,
                message: "Error: <%= error.message %>"
            })
        };

        // The default task (called when you run `gulp` from cli)
        gulp.task('default', ['watch']);

        // CSS
        gulp.task('css', function() {

            return gulp.src('./src/scss/**/*')
              .pipe(plumber(plumberErrorHandler))
              .pipe(compass({
                config_file: './src/config.rb',
                css: './css',
                sass: './src/scss'
              }))
              .pipe(autoprefixer('last 2 version'))      
              .pipe(gulp.dest('./css'));

        });

        // JS
        gulp.task('js', function() {
            var scripts = [
                './src/js/no-conflict.js',
                //'./node_modules/owl-carousel-2/owl.carousel.js',
                './src/js/jquery.fancybox.pack.js',
                './src/js/wow.js',
                './src/js/frontend.js'
            ];

            gulp.src(scripts)
                .pipe(concat('script.js'))
                .pipe(gulp.dest('./js'))
                .pipe(notify({ message: 'Successfully compiled JavaScript' }));

        });

        // Images
        gulp.task('images', function() {
        });

        // Fonts
        gulp.task('fonts', function() {
        });

        // Watch
        gulp.task('watch', function() {

            //livereload();

            //livereload.listen();

            // Watch .scss files
            gulp.watch('./src/scss/**/*.scss', ['css']);

            // Watch .js files
            gulp.watch('./src/js/**/*.js', ['js']);

            // Reload when template file, css or js file changes
            var watchlist = [
                './css/style.css',
                './js/frontend.js'
            ];

            gulp.watch(watchlist, function(event) {
                gulp.src(event.path)
                    .pipe(plumber())
                    .pipe(livereload())
                    .pipe(notify({
                            title: notifyInfo.title,
                            icon: notifyInfo.icon,
                            message: event.path.replace(__dirname, '').replace(/\\/g, '/') + ' was ' + event.type + ' and reloaded'
                        })
                    );
            });
        });

var
咕噜声=需要（“咕噜声”），
指南针=需要（'gulp-compass'），
autoprefixer=require（'gulp-autoprefixer'），
concat=require（'gulp-concat'），
notify=需要（'gulp-notify'），
livereload=需要（'gulp-livereload'），
管道工=需要（“管道工”），
路径=要求（“路径”）；
//将用于Grunt通知的标题和图标
var notifyInfo={
标题：“咕噜咕噜”，
图标：path.join（uu dirname，'gulp.png'）
};
//水管工的错误通知设置
var plumberrorhandler={errorHandler:notify.onError({
标题：notifyInfo.title，
图标：notifyInfo.icon，
消息：“错误：”
})
};
//默认任务（从cli运行'gulp'时调用）
吞咽任务（'default'，['watch']）；
//CSS
gulp.task（'css'，function（）{
返回gulp.src（'./src/scss/***'））
.管子（管道工（管道工）
.管道（指南针）({
配置文件：'./src/config.rb'，
css:“./css”，
sass:“./src/scss”
}))
.pipe（autoprefixer（'last 2 version'））
.管道（大口目的地（'./css'））；
});
//JS
gulp.task（'js'，function（）{
变量脚本=[
“./src/js/no conflict.js”，
//“./node_modules/owl-carousel-2/owl.carousel.js”，
“./src/js/jquery.fancybox.pack.js”，
“./src/js/wow.js”，
“./src/js/frontend.js”
];
gulp.src（脚本）
.pipe（concat（'script.js'））
.pipe（大口目的地（'./js'））
.pipe（通知（{message:'Successfully compiled JavaScript'}））；
});
//图像
gulp.task（'images'，function（）{
});
//字体
gulp.task（'font'，function（））{
});
//监视
吞咽任务（'watch'，function（）{
//利弗雷洛德（）；
//利弗雷洛德。听（）；
//监视.scss文件
狼吞虎咽的手表（'./src/scss/***.scss'，['css']）；
//监视.js文件
狼吞虎咽的手表（'./src/js/***.js'，['js']）；
//模板文件、css或js文件更改时重新加载
var监视列表=[
“./css/style.css”，
“./js/frontend.js”
];
大口观看（观看列表、功能（事件）{
gulp.src（event.path）
.管子（管道工（））
.pipe（livereload（））
.管道（通知({
标题：notifyInfo.title，
图标：notifyInfo.icon，
消息：event.path.replace（\uu dirname，'）。replace（/\\\/g，“/'）+”是“+event.type+”并已重新加载”
})
);
});
});

---

有人能给我指出正确的方向吗？

您的设置看起来很正确。您正在运行哪个版本的autoprefixer？我认为“gulp autoprefixer”：“^3.1.0”是最新版本。您是否尝试过评论：

.pipe(plumber(plumberErrorHandler))
              .pipe(compass({
                config_file: './src/config.rb',
                css: './css',
                sass: './src/scss'
              }))

然后重新运行你的任务

尝试安装节点模块cssnano，然后试一试：

gulp.task('styles', () => {
  return gulp.src('./src/scss/**/*')
    .pipe(sass({style: 'compressed'}).on('error', sass.logError))
    .pipe(autoprefixer('last 4 version'))
    .pipe(cssnano({
      convertValues: {
        length: false
      },
      discardComments: {
        removeAll: true
      }
    }))
    .pipe(gulp.dest('./css'))
});

---

我运行的是3.10.10版，我试着对上面的内容进行评论，但没有效果。“上两个版本”有什么区别吗？请注意版本中的“s”。我不能在安装css nano和运行gulp时出错<代码>错误：EACCES:permission denied，rmdir…我使用gulp minify css代替，并使自动刷新器和缩小工作正常。在npm安装之前使用sudo以避免错误。