@777Stalker777
Разработка JS

Почему не работает Sass?

Всем привет, подключил sass к галпу:

const gulp = require('gulp');
const gulp_less = require('gulp-less');
const cleanCSS = require('gulp-clean-css');
const gulp_autoprefixer = require('gulp-autoprefixer');
const sourcemaps = require('gulp-sourcemaps');
const gcmq = require('gulp-group-css-media-queries');
const watcher = require('gulp-watch');		
const browserSync = require('browser-sync').create();
const uglify = require('gulp-uglify');

var sass = require('gulp-sass');
sass.compiler = require('node-sass');

function html() {
	return gulp.src('./static/index.html')
	.pipe(gulp.dest('./build/'))
	.pipe(browserSync.stream());
};

function js() {
	return gulp.src('./static/menu/*.js')
		.pipe(gulp.dest('./build/menu/'))
		.pipe(browserSync.stream());
};

function css() {
	return gulp.src('./static/menu/*.css')
		.pipe(gulp.dest('./build/menu/'))
		.pipe(browserSync.stream());
};

function less() {
	return gulp.src('./static/menu/*.less')
					.pipe(sourcemaps.init())
					.pipe(gulp_less('menu.css'))
					.pipe(gulp_autoprefixer({
			            overrideBrowserslist: ['> 0.1%'],
			            cascade: false
		        	}))
		        	.pipe(gcmq())
		        	.pipe(cleanCSS({level:2}))
		        	.pipe(sourcemaps.write())
					.pipe(gulp.dest('./build/menu'))
					.pipe(browserSync.stream());
};

function sass() {
	return gulp.src('./static/menu/*.scss')
	  .pipe(sass({outputStyle: "expanded"}).on('error', sass.logError))
	  .pipe(gulp.dest('./build/menu/'))
	  .pipe(browserSync.stream());
	
  };

function watch () {
	browserSync.init({
        server: {
            baseDir: "./build"
        }
    });

	gulp.watch('./static/menu/*.less',less).on('change', browserSync.reload);
	gulp.watch('./static/menu/*.scss',sass).on('change', browserSync.reload);
    gulp.watch('./static/styles/bem/components/*.less',less).on('change', browserSync.reload);

	// Стандарт
	gulp.watch('./static/menu/*.js',js).on('change', browserSync.reload);
	gulp.watch('./static/menu/*.css',css).on('change', browserSync.reload);
	gulp.watch('./static/index.html',html).on('change', browserSync.reload);
};

gulp.task('css',css);
gulp.task('html',html);
gulp.task('less',less);
gulp.task('sass',sass);
gulp.task('js',js);
gulp.task('watch',watch);


Но при запуске галпа и попытке изменить файл.scss пишет в консоль:
5e81c5bf528e0197404108.png
И ничего не происходит, в файл.css ничего не записывается!
Что не так?
Спасибо
  • Вопрос задан
  • 497 просмотров
Пригласить эксперта
Ответы на вопрос 1
А в gulpfile нету gulpSass
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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