0

以下 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")

这些都是由 build-sass 生成的。我很想得到任何帮助，现在已经坚持了几个小时。

4

1 回答 1

0

为了将来参考，虽然浏览器对大小写不敏感：gulp 是。

确保 .html 中的引用与文件系统中的文件名大小写相同（在我的例子中是portfolioroadmap.css，而不是PortfolioRoadmap.css）。

于 2017-01-29T10:05:09.097 回答