Question

这是我的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']);

当我跑'gulp header＆＃39;我明白了：

D:\Dropbox\foundation-project>gulp header
[11:23:34] Using gulpfile D:\Dropbox\foundation-project\gulpfile.js

我的header.scss没有其他任何事情发生当我运行gulp它工作正常。

为什么会发生这种情况，我该如何解决？

Answer 1

通过更改任务名称解决。它没有用，因为我有两个叫做“header”的任务

为什么这个任务不执行？

1 个答案: