私のgulpfileが散発的なCSSのみを引き起こしているのはなぜですか？

Question

以下のgulpタスクは、一部のCSSファイルでは機能しますが、他のCSSファイルでは機能しません。 私のグローバルスタイルは必要に応じて保存時に注入されますが、私のroadmap.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") 

これらはどちらもbuild-sassによって生成されます。 私は何か助けが好きで、何時間もこれに固執しています。

Answer 1

ブラウザは大文字/小文字には敏感ではありませんが、gulpは大文字と小文字を区別しません。

.htmlのリファレンスがファイルシステムのファイル名と同じであることを確認してください（PortfolioRoadmap.cssではなく私の場合はportfolioroadmap.cssでした）。