Почему не работает компиляция scss в gulp с @import?

Question

[German_1993]

Здравствуйте, подскажите пожалуйста как настроить компиляцию scss файлов в gulp. Вот мой файл gulpfile.js

var gulp = require('gulp'),
	sass = require('gulp-sass'),
	path = require('path'),
	minifyCss = require('gulp-minify-css'),
	rename = require("gulp-rename"),
	autoprefixer = require('gulp-autoprefixer'),
  bower = require('gulp-bower'),
	connect = require('gulp-connect'),
  mainBowerFiles = require('gulp-main-bower-files'),
  wiredep = require('wiredep').stream,
  bulkSass = require('gulp-sass-bulk-import'),
	jade = require('gulp-jade');
	

/**************************connect********************/
gulp.task('connect', function() {
  connect.server({
    root: 'prj',
    livereload: true
  });
});
/**************************bower******************/
gulp.task('mainfiles', function() {
    return gulp.src('./bower.json')
          .pipe(mainBowerFiles())
          .pipe(gulp.dest('prj/output/js/bower'));
});
/**************************less**********************/	

gulp.task('sass', function () {
   return gulp.src('prj/input/sass/*.scss')
   .pipe(bulkSass())
    .pipe(sass(
        {includePaths: ['prj/input/sass/bootstrap/scss']}
      ))
    // .pipe(sass.sync().on('error', sass.logError))
   	.pipe(autoprefixer({
            browsers: ['last 15 versions'],
            cascade: false
        }))
    .pipe(gulp.dest('prj/input/css'))
    .pipe(rename({suffix: '.min'}))
    .pipe(minifyCss())
    .pipe(gulp.dest('prj/output/css'))
    .pipe(connect.reload());
});

/****************************scripts******************/
gulp.task('js', function () {
  return gulp.src('prj/input/js/*.js')
    .pipe(gulp.dest('prj/output/js'))
    .pipe(connect.reload());

});
/**
 * jade
 */
gulp.task('jade', function(){
  return gulp.src('prj/input/**/index.jade')
    .pipe(jade({pretty: true}))
    .pipe(wiredep({
      directory: './bower_components',
      bowerJson: require('./bower.json')
      
      }))
    .pipe(gulp.dest('prj/output/html'))
    .pipe(connect.reload());
});
/***************************watch*********************/
gulp.task('watch', function() {
  gulp.watch('prj/input/sass/*.scss', ['sass'])
  gulp.watch('prj/input/js/*.js', ['js'])
  gulp.watch('prj/input/**/*.jade',['jade']);
});

gulp.task('default',['connect','sass','watch','js','jade']);

styles.scss компилится до тех пор пока я не пропишу в нем например @import 'variables.scss' . Тогда выдается вот такая ошибка
events.js:85
throw er; // Unhandled 'error' event
^
Error: prj\input\sass\styles.scss
undefined
at options.error (C:\Users\Qlipoth\Desktop\verstka\node_modules\gulp-sass\node_modules\node-sass\lib\index.js:277:32)

Comments

[copal]

По описанию сложно понять что у Вас за проблема, но есть одна, даже две особенности. 1) Пути нужно указывать относительно текущего файла. 2) Подключать сторонние библиотеки нужно в главном файле.

Answer 1

[German_1993]

проблему решил

Comments

[white__rabbit]

у меня таже проблема, как решили?

[German_1993]

я уж и не помню, но вроде как ошибка ну очень глупая была

[Yaroslav TheRock]

white__rabbit: попробуй
npm install gulp-sass@beta
мне помогло