Package Exports

gulp-autoprefixer

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (gulp-autoprefixer) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

gulp-autoprefixer

Prefix CSS with Autoprefixer

Issues with the output should be reported on the Autoprefixer issue tracker.

Install

$ npm install --save-dev gulp-autoprefixer

Usage

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');

gulp.task('default', function () {
    return gulp.src('src/app.css')
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
        .pipe(gulp.dest('dist'));
});

API

autoprefixer([options])

options

browsers

Type: array
Default: ['> 1%', 'last 2 versions', 'Firefox ESR', 'Opera 12.1']

Browsers you want to target.

cascade

Type: boolean
Default: true

Changes the CSS indentation to create a nice visual cascade of prefixes.

remove

Type: boolean
Default: true

Remove unneeded prefixes.

Source Maps

Use gulp-sourcemaps like this:

var gulp = require('gulp');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');

gulp.task('default', function () {
    return gulp.src('src/**/*.css')
        .pipe(sourcemaps.init())
        .pipe(autoprefixer())
        .pipe(concat('all.css'))
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('dist'));
});