Часы Gulp для css не работают

Мои часы gulp не работают для 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' 
    } 
};

Мой глотком 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']); 
});

Остальные работает без проблем. Вероятно, это нечто маленькое, чего я не вижу.

EDIT

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

'./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 
    }) 
});

источник

2016-04-30 Boky

Уверены ли вы, что у вас нет опечаток в одном из этих URL-адресов или, возможно, один из файлов не существует? 'node_modules/самозагрузки/расстояние/CSS/bootstrap.min.css', 'node_modules/самозагрузки/расстояние/CSS/самозагрузки-theme.min.css', 'node_modules/toastr/пакет/toastr.css', «src/css/main.css» – kasperoo

, и когда вы говорите, что это не работает, вы имеете в виду, если вы сохраните любой из этих 4 файлов, задача просмотра не запускает задачу css вообще? У вас есть ошибки в кли? Очевидное различие заключается в том, что вы не префиксные файлы css с '. /', Но кроме этого я не вижу ничего плохого в вашем синтаксисе. Также вы смешиваете '' 'и' '', но это не должно иметь большого значения. – kasperoo

Задача часов не работает, я думаю. Когда я обновляю страницу, она работает. Я также пытался использовать ./ в путях, но такая же проблема. Задача css работает нормально, и я не получаю никаких ошибок. – Boky

я решил. Я только сменил задачу css на:

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

И т работал как шарм.

источник

2016-05-05 09:10:29 Boky

В вашей конфигурации, изменить «SRC/css/main.css "в" ./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',

Вы можете просто использовать Глоток-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>

источник

2016-05-02 16:32:42

Спасибо. Я решил это уже. Я просто добавил '.pipe (connect.reload());' в конце задачи css и работал. – Boky

Часы Gulp для css не работают

ответ

Смежные вопросы