2016-02-24 3 views
1

Я уже много часов работал с этим в течение нескольких часов, и решил, что лучше всего помогу, поскольку я собираюсь в кругах.Часы Gulp и sass работают, но не работают

Я относительно новичок в использовании Gulp, но очень рад этому. У меня очень простая настройка gulpfile.js, как показано ниже:

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

gulp.task('sass', function() { 
    gulp.src('./sass/**/*.scss') 
     .pipe(sass()) 
     .pipe(gulp.dest('./css')); 
    console.log("ran something"); 
}); 

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

Все это выполняется отлично. Тем не менее, мои файлы scss только усложняются, когда я впервые запускаю gulp. Часы распознают все изменения, когда я их делаю, но дальнейшие компиляции не производятся. Это почти похоже на то, что файл блокируется или кэшируется или что-то странное после его первого запуска.

Вот кли выход:

[15:04:04] Starting 'watch'... 
[15:04:04] Finished 'watch' after 11 ms 
[15:04:12] Starting 'sass'... 
ran something 
[15:04:12] Finished 'sass' after 8.17 ms 

Я бег Windows 10 64bit и свежая установка глотки и зависимостей, как сегодня.

Мой основной редактор - PhpStorm, в котором я настроил конфигурацию для запуска файла gulp. Тем не менее, я также пробовал в основном текстовом редакторе, а также запустил gulp непосредственно из командной строки узла.

Любые идеи?

+0

Я не могу воспроизвести это, хотя я не в Windows 10. Что произойдет, если вы попытаетесь запустить задачу 'sass'' асинхронно, возвратив поток, т. Е.' Return gulp.src ('./ sass/**/*. СКС)) '? – McMath

+0

Тот же результат извините. Я только что переустановил nodejs, а также заметил, что я не был последним - до сих пор не повезло. Если я просто запускаю задачу sass напрямую, она работает нормально. Может ли это как-то стать проблемой при доступе к ней через задачу просмотра? – SaRiD

+0

Боюсь, я понятия не имею, что это такое, потому что я не могу воспроизвести его. Но я дам вам несколько предложений, так как у кого-то еще нет идей. 1) Попробуйте использовать абсолютные пути, а не относительные пути. 2) Попробуйте использовать [gulp-watch] (https://www.npmjs.com/package/gulp-watch), а не 'gulp.watch()'. Это все, о чем я могу думать сейчас. – McMath

ответ

0

Похоже, что проблема не была проблемой с глотком или любой из вышеприведенных настроек. Я заметил, что, наблюдая за файлами вне всех моих редакторов, они действительно обновлялись с помощью глотки, и только мои редакторы не реагировали, пока я не остановил часы с глотком.

Я опробовал последнюю версию PhpStorm 10, и она отлично работала в первый раз, даже если ничего не изменилось. Должно быть просто ошибка в версии 8, казалось, что Gulp не существовал тогда.

Смежные вопросы