Я пытаюсь настроить gulp для запуска функции печени с помощью MAMP. Вот мой gulpfile:Неисправность печенки Gulp не работает с MAMP
'use strict';
var gulp = require('gulp');
var del = require('del');
var sass = require('gulp-sass');
var livereload = require('gulp-livereload');
var paths = {
elements: ['elements/**/*']
};
gulp.task('clear:cache', function() {
return del(['core/cache/**/*']).then(function(){
livereload();
console.log('live reload called');
}).catch(function(){
livereload();
});
});
gulp.task('sass', function() {
console.log('sassy live reload');
return gulp.src('assets/styles/scss/*.scss')
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('assets/styles/css'))
.pipe(livereload());
});
gulp.task('sass:watch', function() {
gulp.watch('assets/styles/scss/*.scss', ['sass']);
});
// Rerun the task when a file changes
gulp.task('watch', function() {
livereload.listen({port:8888,host:"localhost",start:true, reloadPage:"index.php"});
gulp.watch(paths.elements, ['clear:cache', 'sass:watch']);
});
// The default task (called when you run `gulp` from cli)
gulp.task('default', ['sass:watch','clear:cache','watch']);
Как вы можете видеть, gulpfile должен очистить кэш и перезагрузить браузер, когда изменения, внесенные в файлы в каталоге элементов, и скомпилировать дерзость и перезагрузить браузер каждый раз, когда какой-либо scss-файлы изменены. Очистка кэша и компиляция sass работают нормально, и оба вытолкивают сообщения console.log в их соответствующих функциях.
У меня проблемы с загрузкой в браузере. Я знаю, что работа с печью работает, но не нацелена на браузер вообще, на самом деле, потому что я получаю сообщения в моем терминале, например /Applications/MAMP/htdocs/assets/styles/css/style.css reloaded
.