-1

Я не могу получить autoprefixer, работающий с gulp sass. Вот мой gulpfile.js:gulp sass sourcemaps и autoprefixer не работают

'use strict'; 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('gulp-autoprefixer'); 
gulp.task('sass', function() { 
    gulp.src('./sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write()) 
    .pipe(autoprefixer({ browsers: ['last 2 versions' ]})) 
    .pipe(gulp.dest('./css/')); 
}); 
gulp.task('watch', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 
gulp.task('default', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 

Я последовал решение в соответствующем вопросе, но не могло сделать это. Вот ссылка: LINK

ответ

0

Мне удалось получить исходные карты и функции автоопределения, поэтому подумал о совместном использовании. Вот мой gulpfile.js:

'use strict'; 
var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var sourcemaps = require('gulp-sourcemaps'); 
var autoprefixer = require('gulp-autoprefixer'); 
gulp.task('sass', function() { 
    gulp.src('./sass/**/*.scss') 
    .pipe(sourcemaps.init()) 
    .pipe(sass().on('error', sass.logError)) 
    .pipe(sourcemaps.write()) 
    .pipe(autoprefixer()) 
    .pipe(gulp.dest('./css/')); 
}); 
gulp.task('watch', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 
gulp.task('default', function() { 
    gulp.watch('./sass/**/*.scss', ['sass']); 
}); 
Смежные вопросы