Gulp watch for css не работает

Мои часы gulp не работают для css. У меня есть следующая конфигурация:

var config = {
    port : 9007,
    devBaseUrl : "http://localhost",
    paths : {
        html : "./src/*.html",
        js : "./src/**/*.js",
        images : './src/images/*',
        css : [
          'node_modules/bootstrap/dist/css/bootstrap.min.css',
          'node_modules/bootstrap/dist/css/bootstrap-theme.min.css',
          'node_modules/toastr/package/toastr.css',
            "src/css/main.css"

        ],
        dist : './dist',
        mainJS : './src/main.js'
    }
};

Моя задача gulp css:

gulp.task('css', function() {
    gulp.src(config.paths.css)
        .pipe(concat('bundle.css'))
        .pipe(gulp.dest(config.paths.dist + '/css'));
});

И моя задача вахты:

gulp.task('watch', function() {
    gulp.watch(config.paths.html, ['html']);
    gulp.watch(config.paths.js, ['js', 'lint']);
    gulp.watch(config.paths.css, ['css']);
});

Остальное работает без проблем. Это, наверное, что-то маленькое, что я не вижу.

РЕДАКТИРОВАТЬ

Структура

Я пытался также изменить пути к :

'./node_modules/bootstrap/dist/css/bootstrap.min.css',
'./node_modules/bootstrap/dist/css/bootstrap-theme.min.css',
'./node_modules/toastr/package/toastr.css',
'./src/css/*.css'

И задача подключения :

gulp.task('connect', function(){
    connect.server({
        root : ['dist'],
        port : config.port,
        base : config.devBaseUrl,
        livereload : true
    })
});

2 ответа

  1. В конфигурации измените
    «src / css / main.css «to»./ src / css / main.стиль CSS.»

    Также вместо компиляции следующего по вашему пути,

    'node_modules/bootstrap/dist/css/bootstrap.min.css',
    'node_modules/bootstrap/dist/css/bootstrap-theme.min.css',
    'node_modules/toastr/package/toastr.css',
    

    Вы можете просто использовать gulp-useref и сделать это таким образом

    // inside your index.html
    <head>
        <!-- build:css css/combined.css -->
        <link href="css/one.css" rel="stylesheet">
        <link href="css/two.css" rel="stylesheet">
       <!-- endbuild -->
    </head>
    
  2. Я решил ее. Я только изменил задачу css на :

    gulp.task('css', function() {
        gulp.src(config.paths.css)
            .pipe(concat('bundle.css'))
            .pipe(gulp.dest(config.paths.dist + '/css'));
            .pipe(connect.reload());
    });
    

    И это сработало как заклинание.