2017-01-28 6 views
0

Следующие задачи gulp работают для некоторых файлов css, но не для других. Мои глобальные стили вводятся при сохранении по желанию, но мой файл roadmap.css не требуется (требуется жесткое обновление).Почему мой gulpfile вызывает только спорадический css-инъекцию?

Как мне отладить/решить эту проблему?

var settings = { 
... 
    sass_files: "applications/**/*.sass", 
    css_files: "applications/**/*.css" 
... 

    } 

var public_dir = "dist/" 

gulp.task('build-sass', function() { 
    return gulp.src(settings.sass_files) 
    .pipe(changed(public_dir, { extension: '.css' })) 
    .pipe(sass({ 
     errLogToConsole: true, 
     includePaths: [ 
     "applications/_shared_assets/vendor/bootstrap-sass", 
     "applications/_shared_assets/vendor/bootstrap-sass/assets/stylesheets", 
     "applications/_shared_assets/vendor/bootstrap-sass/bootstrap-sass-custom", 
     "applications/_shared_assets/vendor/bourbon/app/assets/stylesheets", 
     "applications/_shared_assets/features", 
     "applications/_shared_assets/css" 
     ] 
    }) 
) 
    .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true })) 
    .pipe(gulp.dest(public_dir)) 
    .pipe(browserSync.reload({ stream: true })); 
}); 

gulp.task('build-css', ['build-sass'], function() { 
    return gulp.src(settings.css_files) 
    .pipe(gulp.dest(public_dir)) 
}); 

gulp.task('css-rebuild', ['build-css'], function() { 
}); 


gulp.task('watch', ['browser-sync'], function() { 
... 
    gulp.watch(settings.sass_files, ['css-rebuild']); 
... 
}); 

Страница, для которой вводятся надлежащим образом глобальные стили, и для которых нет дорожного файла.

link(rel="stylesheet", href="portfolioroadmap.css") 
link(rel="stylesheet", href="../_shared_assets/css/global_styles.css") 

Они оба генерируются сборкой. Я бы с удовольствием позаботился об этом часами.

ответ

0

Для справок в будущем, хотя браузеры не чувствительны к верхнему/нижнему регистру: gulp is.

Убедитесь, что ссылка в .html имеет тот же случай, что и имя файла в вашей файловой системе (это был portfolioroadmap.css в моем случае, а не PortfolioRoadmap.css).