Sass 为什么我的吞咽文件只引起了零星的css注射?
以下吞咽任务适用于某些css文件,但不适用于其他css文件。 我的全局样式是按需保存的,但我的roadmap.css文件不是(需要硬刷新) 如何调试/解决此问题Sass 为什么我的吞咽文件只引起了零星的css注射?,sass,gulp,browser-sync,gulp-browser-sync,Sass,Gulp,Browser Sync,Gulp Browser Sync,以下吞咽任务适用于某些css文件,但不适用于其他css文件。 我的全局样式是按需保存的,但我的roadmap.css文件不是(需要硬刷新) 如何调试/解决此问题 var settings = { ... sass_files: "applications/**/*.sass", css_files: "applications/**/*.css" ... } var public_dir = "dist/" gulp.task('build-sass', function()
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")
它们都是由构建sas生成的。
我很想得到任何帮助,已经在这上面停留了几个小时。供将来参考,尽管浏览器对大小写不敏感:gulp是 确保.html中的引用与文件系统中的文件名大小写相同(在我的例子中是portfolioroadmap.css,而不是portfolioroadmap.css)