내 gulpfile이 산발적 인 CSS 만 주입시키는 이유는 무엇입니까?

Question

다음 gulp 작업은 일부 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") 

이들은 모두 빌드 - 슬프에 의해 생성됩니다. 저는 몇 시간 동안이 문제에 매달 렸습니다.

Answer 1

브라우저는 대소 문자를 구분하지 않지만 gulp는 나중에 참조 할 수 있습니다.

.html의 참조가 파일 시스템의 파일 이름과 대소 문자를 구분하는지 확인하십시오 (PortfolioRoadmap.css가 아니라 내 경우 portfolioroadmap.css 임).