0
Вот мой gulpfile.js
:Почему эта задача не выполняется?
var gulp = //code code code
var path = {
// code code code
watch: {
styles: './assets/styles/**/*.scss',
html: './assets/*.html',
img: './assets/img/**/*.*',
scripts: './assets/scripts/**/*.js'
},
// code code code
};
gulp.task('connect', function() {
connect.server({
root: 'public',
livereload: true
});
});
gulp.task('styles', function() {
return gulp.src(path.src.styles)
.pipe(sass({
includePaths: [path.bower.foundation.scss, path.bower.awesome.scss]
}))
.pipe(autoprefixer({
browsers: ['last 2 versions', 'safari 5', 'ie 8', 'ie 9']
}))
.pipe(concat('app.min.css'))
.pipe(minifyCss())
.pipe(gulp.dest(path.public.styles))
.pipe(connect.reload());
});
gulp.task('header', function() {
return gulp.src(path.src.header)
.pipe(sass({
includePaths: [path.bower.foundation.scss, path.bower.awesome.scss]
}))
.pipe(autoprefixer({
browsers: ['last 2 versions', 'safari 5', 'ie 8', 'ie 9']
}))
.pipe(concat('header.min.css'))
.pipe(minifyCss())
.pipe(gulp.dest(path.public.styles))
.pipe(connect.reload());
});
gulp.task('watch', function() {
gulp.watch(path.watch.html, ['html']);
gulp.watch(path.watch.styles, ['styles']);
gulp.watch(path.watch.scripts, ['scripts']);
gulp.watch(path.watch.img, ['img']);
});
gulp.task('header', ['connect', 'html', 'fonts', 'header', 'watch']);
gulp.task('default', ['connect', 'html', 'fonts', 'styles', 'scripts', 'img', 'watch']);
Когда я бегу 'Глоток заголовок' Я получаю это:
D:\Dropbox\foundation-project>gulp header
[11:23:34] Using gulpfile D:\Dropbox\foundation-project\gulpfile.js
И ничего не происходит с моим header.scss
.
Когда я запускаю gulp, он отлично работает.
Почему это происходит и как я могу это исправить?