@svilkov87

Где ошибка в сборке проекта Gulp ( проблема с sass)?

Добрый день!
Структура проекта следующая:
Корень:
4196735c8c0b45548d219190a08410a3.jpg
Папка app, где все должно компилироваться:
fb88e7068afb472ebb415625e85fbdc8.jpg

И gulpfile.js с комментариями:
var gulp = require('gulp'),
	sass = require('gulp-sass'),// подключение sass
	rename = require('gulp-rename'),//переименовываем  миниф файл
	cleanCSS = require('gulp-clean-css'),//минифицируем
	autoprefixer = require('gulp-autoprefixer'),//автопрефикер
	livereload = require('gulp-livereload'),//livereload
	connect = require('gulp-connect');//соед с уд сервером

//livereload
	gulp.task('connect', function() {
  connect.server({
    root: 'app',
    livereload: true
  });
});
 
gulp.task('css', function () {
  return gulp.src('app/sass/main.sass')//путь к папке с sass-файлом, с которым будем работать
    .pipe(autoprefixer({
        browsers: ['last 15 versions']
    }))
    .pipe(sass())//sass
    .pipe(cleanCSS()) //минифицируем css
    .pipe(rename('bundle.min.css'))//как назовем скомпилированный min- файл
    .pipe(connect.reload())
    .pipe(gulp.dest('app/css'));//куда выкладываем итоговый файл
});


Проблема в том, что изменения livereload-ом происходят, а вот в bundle.min.css - скомпилированном итоговом файле - изменений нет.
В чем моя ошибка?
Спасибо.
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ответы на вопрос 1
andykov
@andykov
Shit happens
Местами поменяй
.pipe(gulp.dest('app/css')) //куда выкладываем итоговый файл
.pipe(connect.reload());
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы