Я уже много часов работал с этим в течение нескольких часов, и решил, что лучше всего помогу, поскольку я собираюсь в кругах.Часы 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 непосредственно из командной строки узла.
Любые идеи?
Я не могу воспроизвести это, хотя я не в Windows 10. Что произойдет, если вы попытаетесь запустить задачу 'sass'' асинхронно, возвратив поток, т. Е.' Return gulp.src ('./ sass/**/*. СКС)) '? – McMath
Тот же результат извините. Я только что переустановил nodejs, а также заметил, что я не был последним - до сих пор не повезло. Если я просто запускаю задачу sass напрямую, она работает нормально. Может ли это как-то стать проблемой при доступе к ней через задачу просмотра? – SaRiD
Боюсь, я понятия не имею, что это такое, потому что я не могу воспроизвести его. Но я дам вам несколько предложений, так как у кого-то еще нет идей. 1) Попробуйте использовать абсолютные пути, а не относительные пути. 2) Попробуйте использовать [gulp-watch] (https://www.npmjs.com/package/gulp-watch), а не 'gulp.watch()'. Это все, о чем я могу думать сейчас. – McMath