1
resposta

autoprefixer não funciona

Fiz tudo conforme os exercícios, mas os prefixos não são colocados no arquivo index.min.css quando uso o autoprefixer sem o arquivo browserslist (ele funciona com o referido arquivo). Além disso, todas as outras tarefas do default são executadas normalmente (uglify e cssmin).

var gulp = require('gulp')
    ,imagemin = require('gulp-imagemin')
    ,clean = require('gulp-clean')
    ,concat = require('gulp-concat')
    ,htmlReplace = require('gulp-html-replace')
    ,uglify = require('gulp-uglify')
    ,usemin = require('gulp-usemin')
    ,cssmin = require('gulp-cssmin')
    ,browserSync = require('browser-sync')
    ,jshint = require('gulp-jshint')
    ,jshintStylish = require('jshint-stylish')
    ,csslint = require('gulp-csslint')
    ,autoprefixer = require('gulp-autoprefixer');

gulp.task('usemin', function(){
    return gulp.src('dist/**/*.html')
        .pipe(usemin({
            js: [uglify],
            css: [autoprefixer]
        }))
        .pipe(gulp.dest('dist'));
});


//arquivo package.json (para mostrar que foi está instalado corretamente)
{
  "name": "projeto",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "gulp": "gulp"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.9.8",
    "gulp": "^3.9.0",
    "gulp-autoprefixer": "^3.0.2",
    "gulp-clean": "^0.3.1",
    "gulp-concat": "^2.6.0",
    "gulp-csslint": "^0.2.0",
    "gulp-cssmin": "^0.1.7",
    "gulp-html-replace": "^1.5.4",
    "gulp-imagemin": "^2.3.0",
    "gulp-jshint": "^1.11.2",
    "gulp-uglify": "^1.4.1",
    "gulp-usemin": "^0.3.14",
    "jshint-stylish": "^2.0.1"
  }
}
1 resposta

Fala Leopoldo José, tudo bom?

Rodando a tarefa de forma isolada ela funciona?

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