You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
rdrew
573c318665
|
2 years ago | |
---|---|---|
.. | ||
index.js | 2 years ago | |
license | 2 years ago | |
package.json | 2 years ago | |
readme.md | 2 years ago |
readme.md
gulp-autoprefixer
Prefix CSS with Autoprefixer
Issues with the output should be reported on the Autoprefixer issue tracker.
👾
Improve your JavaScript skills with this awesome ES6 course by Wes Bos.
Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.
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