Следующие задачи 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")
Они оба генерируются сборкой. Я бы с удовольствием позаботился об этом часами.