Jekyll不监听.scss文件编辑？如何无需Gulp实现自动编译

这种情况不符合预期，正常使用bundle exec jekyll serve --livereload时，Jekyll应该自动监听SCSS文件的修改并触发重新编译。以下是无需Gulp的解决办法：

• 为SCSS文件添加前置声明（Front Matter）
  在assets/css/style.scss的最顶部必须添加两行短横线，即使没有配置内容也需要：

  ---
  ---
  
  // 示例：导入_sass目录中的局部文件
  @import "../../_sass/variables";
  

  这是Jekyll将该文件识别为可编译资源的必要条件，缺少的话Jekyll可能不会把它纳入监听范围。

• 显式指定监听目录
  启动服务器时强制指定需要监听的SCSS相关目录，覆盖默认监听规则：

  bundle exec jekyll serve --livereload --watch _sass,assets/css
  

• 关闭增量编译
  默认开启的增量编译可能会遗漏部分文件变化，尝试关闭后测试：

  bundle exec jekyll serve --livereload --no-incremental
  

• 升级Jekyll版本
  部分旧版本Jekyll存在SCSS监听的bug，通过Bundle升级到最新稳定版：

  bundle update jekyll
  

内容的提问来源于stack exchange，提问作者Alex Kleinubing