Prefix CSS with Autoprefixer
Issues with the output should be reported on the Autoprefixer issue tracker.
npm install --save-dev gulp-autoprefixerimport gulp from 'gulp';
import autoprefixer from 'gulp-autoprefixer';
export default () => (
gulp.src('src/app.css')
.pipe(autoprefixer({
cascade: false
}))
.pipe(gulp.dest('dist'))
);Type: object
See the Autoprefixer options.
Use gulp-sourcemaps like this:
import gulp from 'gulp';
import sourcemaps from 'gulp-sourcemaps';
import concat from 'gulp-concat';
import autoprefixer from 'gulp-autoprefixer';
export default () => (
gulp.src('src/**/*.css')
.pipe(sourcemaps.init())
.pipe(autoprefixer())
.pipe(concat('all.css'))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('dist'))
);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.