wishthis/node_modules/gulp-autoprefixer
2022-11-30 13:56:09 +01:00
..
node_modules Update dependencies 2022-11-30 13:56:09 +01:00
index.js Add production dependencies 2022-01-21 09:28:41 +01:00
license Add production dependencies 2022-01-21 09:28:41 +01:00
package.json Install yarn 2022-04-08 12:55:35 +02:00
readme.md Add production dependencies 2022-01-21 09:28:41 +01:00

gulp-autoprefixer Build Status

Prefix CSS with Autoprefixer

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

Install

$ npm install --save-dev gulp-autoprefixer

Usage

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

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

API

autoprefixer([options])

options

Type: Object

See the Autoprefixer options.

Source Maps

Use gulp-sourcemaps like this:

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

gulp.task('default', () =>
	gulp.src('src/**/*.css')
		.pipe(sourcemaps.init())
		.pipe(autoprefixer())
		.pipe(concat('all.css'))
		.pipe(sourcemaps.write('.'))
		.pipe(gulp.dest('dist'))
);

Tip

If you use other PostCSS based tools, like cssnano, you may want to run them together using gulp-postcss instead of gulp-autoprefixer. It will be faster, as the CSS is parsed only once for all PostCSS based tools, including Autoprefixer.

License

MIT © Sindre Sorhus