Questions tagged [gulp-autoprefixer]

Prefix CSS with vendor's prefixes

Gulp plugin wrapper over autoprefixer (PostCSS tool)

https://github.com/sindresorhus/gulp-autoprefixer https://www.npmjs.com/package/gulp-autoprefixer

25 questions
24
votes
3 answers

Replace Autoprefixer browsers option to Browserslist

i am using [Metronic v6.03] I followed the Quick Start tutorial on documentation. https://keenthemes.com/metronic/?page=docs If I give in the command ‘gulp build’ I get a message : “Replace Autoprefixer browsers option to Browserslist config. Use…
John Zakaria
  • 341
  • 1
  • 2
  • 6
4
votes
1 answer

Gulp SASS Sourcemap sources are incorrect

I am struggling to get my SASS sourcemaps to work correctly. The problem seems to be the "sources" attribute within the sourcemap and how my SASS files are nested. I have a Gulp task that compiles SASS to CSS. Here is an example of that var paths =…
3
votes
1 answer

How to target all browsers with Gulp auto-prefixer

I am very new to Gulp and have never used any plugins before so I'm a bit lost. I have followed some tutorials and just about managed to get Gulp running and the auto-prefixer plugin. I am now just trying to work out if there is a way to get it it…
mrseanbaines
  • 823
  • 2
  • 12
  • 25
3
votes
1 answer

gulp-autoprefixer not outputting -webkit-flex no matter the options

Other threads such as this GitHub issue suggest to me that my problem might be that another tool I'm using in my gulpfile may be running autoprefixer itself a second time and stripping out -webkit-flex, but I'm not sure where to start with that…
dave
  • 2,762
  • 1
  • 16
  • 32
3
votes
1 answer

What's the difference between using autoprefixer within gulp-postcss or outside of it?

I'm using Gulp and have used the Gulp Autoprefixer standalone such as: gulp.task('styles', function() { gulp.src('scss/**/*.scss') //................. .pipe(sass()) .pipe(autoprefixer({ browsers: [ …
Brett
  • 19,449
  • 54
  • 157
  • 290
3
votes
0 answers

Gulp Autoprefixer - specified browser list ignored? -ms- prefixes missing

Though there are similar posts on here, I couldn't find one explaining why Autoprefixer in Gulp seemingly ignores specified browsers in some cases. Here's the relevant portion of my Gulpfile.js: var sassOptions = { errLogToConsole: true, …
traummaschine
  • 439
  • 8
  • 18
3
votes
0 answers

Conditionally run gulp tasks based on src

I have custom syntax in some sass files that autoprefixer will error out with. I'd like to run autoprefixer on the source files - excluding the ones with the custom syntax - and then use css-import after that. Current task: gulp.task('autoprefixer',…
Carson
  • 4,541
  • 9
  • 39
  • 45
2
votes
2 answers

cascade option in gulp-autoprefixer

While adding the autoprfixing task from the gulp-autoprefixer plugin I noticed the autoprefixer({ cascade: false }) option. And this option was not clear for me what it is doing. In the documentation I read that: cascade (boolean): should…
Wiktor Król
  • 23
  • 1
  • 4
2
votes
1 answer

gulp-autoprefixer not working

I just can't get gulp-autoprefixer to work. I was testing it with transitions but when I save my scss file the prefixes don't show up in my css file. Everything else seems to be just fine. This is my gulp file: var gulp = require('gulp'), …
Nesta
  • 988
  • 2
  • 16
  • 44
2
votes
1 answer

gulp autoprefixer giving me a promise error

I tried this solution from Gulp Autoprefixer Not Working but it's not working out for me. The code that I used is: "use strict"; var gulp = require('gulp'); var sass = require('gulp-sass'); var prefix = require('gulp-autoprefixer'); var minify =…
Kris van der Mast
  • 16,343
  • 8
  • 39
  • 61
1
vote
0 answers

Autoprefixer Browsers warning when using Babel

I have a project and it uses Babel to do all browserslist related options. I am getting the warning when I build: > warn Replace Autoprefixer browsers option to Browserslist config. > Use browserslist key in package.json or .browserslistrc…
1
vote
0 answers

Gulp SASS, Autoprefixer and Sourcemaps

I'm using the _s (underscores) starter WordPress theme and trying to use my own gulp script to do the following: compile sass files from ./sass/ (there are many scss files that are all added as 'imports' into ./sass/style.scss) autoprefix my…
1
vote
0 answers

Using Autoprefixer (Grid) in Nuxt Project

I am trying to start autoprefixer for grid in my Nuxt project. But unfortunately without success. I have created a .browserslistrc and entered "default" there. The nuxt.config.js: postcss: { plugins: { …
1
vote
0 answers

gulp autoprefixer does not create file

i am quite new to autoprefixer, i did just like the documentation but when i type "gulp styles" into the terminal it did not create any file in the destination folder here is my gulpfile.js code const gulp = require('gulp'); const autoprefixer =…
The Ace
  • 11
  • 3
0
votes
1 answer

gulpfile autoprefixer must change to postcss

I have only recently been getting these errors where my Gulp is saying that i need to change my gulp-autoprefixer to postcss. But since i only got this gulpfile with the Quench generator i have no idea how to change it so what autoprefixer will work…
SanderS
  • 47
  • 10
1
2