GULP вылетает при импорте файлов и сохранении?

Question

[Николай Богданов]

Имеется стилизация кругового меню. Хочу разделить ее на подфайлы. Получается 1 основной sass и в него подключаются 4 части. Так вот при изменении одной из этих 4 частей слетает галп.
Второй случай когда это происходит: в самый главный sass подключаются через @import его куски. Хотел сделать по другому - чтобы не захламлять главный файл, решил подключение всех стилей вынести в отдельный файл, а вот уже этот файл импортировать в index.sass. Так вот при отключении/включении импортов слетает галп. Покопался в инете, ничего кроме setTimeout(function(){gulp.start('sass');},15000) не нашел. Не помогает. Слетает все равно.

Подскажите как это исправить?

Answer 1

[Алексей Скляров]

А ошибки консоль для кого выводит? Вы прочтите и поймете: импортируемый файл не найден или не читается. После этого идет название файла "menuu", судя по двум UU в конце, вы либо разрешение забываете писать, либо вы добавили лишний символ в конце.

Comments

[Николай Богданов]

Я конечно могу быть невнимательным, но не настолько же. Я намеренно это написал. И консоль, конечно же, читаю

[Николай Богданов]

Я вычитал что дело ,возможно, в том, что файл не успевает сохранится, а watch уже запускается. И функция выше с задержкой не помогает

[Алексей Скляров]

Я плохо понимаю, что вы хотите наплодить. Но у меня лично нет таймаутов и интервалов в галп файле. Я работаю так: есть style.scss в кучей import 'file.scss', меняю какой-то из подключаемых файлов - все обновляется, никаких проблем не возникает.

Вот кусок кода, который у меня:

gulp.task('sass', function() {
  return gulp.src('dev/scss/**/*.scss')
    .pipe(sass())
    .pipe(gulp.dest('dev/css'))
    .pipe(browserSync.reload({
      stream: true
    }))
});
gulp.task('browserSync', function() {
  browserSync({
    server: {
      baseDir: 'dev'
    },
  })
})
gulp.task('watch', ['browserSync', 'sass'], function (){
  gulp.watch('dev/scss/**/*.scss', ['sass']);
  // Обновляем браузер при любых изменениях в HTML или JS
  gulp.watch('dev/*.html', browserSync.reload);
  gulp.watch('dev/js/**/*.js', browserSync.reload);
});

Это сами ипорты:

// *
// Index
// *
@import 'index.scss';
// *
// Ico Module
// *
@import 'ico.module.scss';
// *
// Questions Module
// *
@import 'questions.module.scss';
// *
// services Module
// *
@import 'services.module.scss';
// *
// news Module
// *
@import 'news.module.scss';

[Николай Богданов]

Если импортировать файлы непосредственно в главный sass файл и там уже отключать/включать их - у меня тоже проблем не возникает.

А вот если вынести все эти импорты в другой файл, затем этот файл подключить в главный sass и потом отключать/включать импорты - галп слетает

Вот если все импорты запихнуть в "all_import" и отключать их или подключать в нем - галп слетает