How to use gulp-autoprefixer - 10 common examples

run(done, watching = false) {
    // FIXME: is this right or wrong?  this class initially was extracted for reuse of Default options
    return this.gulp.src(this.config.source)
      .pipe(gulpif(this.config.debug, debug(this.debugOptions())))
      .pipe(autoprefixer(this.config.options))
      .on('error', (error) => {
        this.notifyError(error, done, watching)
      })
      .pipe(this.gulp.dest(this.config.dest))
  }
}

gulp.task( 'admincss:rtl', function() {
	return gulp.src( admincss, { base: './' } )
		.pipe( autoprefixer( 'last 2 versions', 'safari 5', 'ie 8', 'ie 9', 'Firefox 14', 'opera 12.1', 'ios 6', 'android 4' ) )
		.pipe( rtlcss() )
		.pipe( rename( { suffix: '-rtl' } ) )
		.pipe( banner(
			'/* Do not modify this file directly.  It is concatenated from individual module CSS files. */\n'
		) )
		.pipe( gulp.dest( '.' ) )
		.pipe( cleanCSS( { compatibility: 'ie8' } ) )
		.pipe( rename( { suffix: '.min' } ) )
		.pipe( gulp.dest( '.' ) )
		.on( 'end', function() {
			util.log( 'Admin modules RTL CSS finished.' );
		} );
} );

export const sass = () =>
  gulp
    .src('ui/index.scss')
    .pipe(gulpPlumber())
    .pipe(gulpSourcemaps.init())
    .pipe(
      gulpSass
        .sync({
          precision: 10,
          includePaths: [paths.ui, paths.node_modules]
        })
        .on('error', gulpSass.logError)
    )
    .pipe(gulpAutoprefixer({ remove: false }))
    .pipe(gulpMinifycss({ advanced: false, roundingPrecision: '-1' }))
    .pipe(gulpSourcemaps.write('.'))
    .pipe(gulp.dest('assets/styles'));

buildScss() {
        return gulp.src(this.module.srcPathStyles + '*.scss')
            .pipe(strip.text())
            .pipe(replace('../img', '../../images/' + this.module.moduleName)) //fixme important
            .pipe(sass({precision: 10, outputStyle: 'compact', errLogToConsole: true}).on('error', sass.logError))
            .pipe(autoPreFixer({browsers: ['> 1%', 'Last 10 versions', 'IE 8'], cascade: true, remove: true}))
            .pipe(gulp.dest('./build/static/styles/' + this.module.moduleName + '/'))
            .pipe(gulp.dest(this.module.buildOutputPathStyles))

            .pipe(sass({precision: 10, outputStyle: 'compressed', errLogToConsole: true}).on('error', sass.logError))
            .pipe(autoPreFixer({browsers: ['> 1%', 'Last 10 versions', 'IE 8'], cascade: true, remove: true}))
            .pipe(rename({suffix: '.min', extname: '.css'}))
            .pipe(gulp.dest('./build/static/styles/' + this.module.moduleName + '/'));
    }

gulp.task('css', () => {
    return gulp.src(paths.css.src)
        .pipe(autoprefixer({
            browsers: ['> 1%', 'last 3 versions'],
            cascade: false
        }))
        .pipe(cleanCSS())
        .pipe(gulp.dest(paths.css.dest))
        .pipe(reload({
            stream: true
        }));
});

gulp.task('build-css', () => {
  gutil.log('\n\nBuild CSS Paths: \n', cssDir, '\n\n');

  return gulp.src(cssDir)
    .pipe(autoprefixer('last 2 version', 'ie 8', 'ie 9'))
    .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
    .pipe(header(banner, { pkg }))
    .pipe(gulp.dest(outputPaths.css))
    .pipe(connect.reload());
});

export default function processCSS() {
	return gulp.src(project.cssProcessor.source)
		.pipe(autoprefixer({
			browsers: ['last 2 versions'],
			cascade: false
		}))
		.pipe(changedInPlace({ firstPass: true }))
		.pipe(build.bundle());
}

export function stylesTask () {
    gulp.src(paths.src)
        .pipe(newer(paths.dest))
        .pipe(sass(addons.sass))
        .on('error', e => util.log(e))
        .pipe(prefixer(addons.autoprefixer))
        .pipe(gulp.dest(paths.dest))
        .pipe(nano(addons.nano))
        .pipe(rename({ suffix: '.min' }))
        .pipe(gulp.dest(paths.dest))
}