@GaserV

Как заставить галп префиксовать и минифицировать css, когда он смотрит изменения sass?

Подскажите. Как заставить галп префиксовать и минифицировать css, когда он смотрит изменения sass? А то постоянно выходить из watch и запускать префикс а потом обратно как не очень)

var gulp = require('gulp'),
	sass = require('gulp-sass'),
	autoprefixer = require('gulp-autoprefixer');

gulp.task('sass',function(){
	gulp.src('./sass/*.sass')
		.pipe(sass().on('error', sass.logError))
		.pipe(gulp.dest('./css/'))
})

gulp.task('sass:watch',function(){
	gulp.watch('./sass/*.sass', ['sass'])
})

gulp.task('prefix', () =>
    gulp.src('css/main.css')
        .pipe(autoprefixer({
            browsers: ['last 2 versions', 'ie 11', 'Android >= 4.1', 'Safari >= 8', 'iOS >= 8']
        }))
        .pipe(gulp.dest('css'))
);
  • Вопрос задан
  • 117 просмотров
Пригласить эксперта
Ответы на вопрос 1
villiwalla
@villiwalla
HTML-верстка
gulp.task('sass',function(){
  gulp.src('./sass/*.sass')
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({
            browsers: ['last 5 versions'],
            cascade: false
        }))
    .pipe(gulp.dest('./css/'))
})

Основы использования
Настройка и установка GULP
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы