保存SCSS局部文件时自动触发PrePros处理主SCSS文件的方法

我之前也碰到过一模一样的需求，PrePros其实自带这个功能，只要简单调整几个设置就能搞定，具体操作步骤如下：

• 开启导入文件监听功能
  打开你的PrePros项目，点击项目右上角的齿轮设置图标。在弹出的设置面板里，找到SCSS的配置区域，勾选Watch Imported Files选项。开启这个后，只要你修改了被主SCSS文件导入的局部文件（比如_partial.scss），PrePros就会自动触发对应的主文件重新编译。

• 确认主文件的导入路径无误
  确保你的主SCSS文件（比如main.scss）里对局部文件的导入语法是正确的，比如：

  // 完整写法
  @import "partials/_partial.scss";
  // 或者PrePros支持的简写形式（省略下划线和后缀）
  @import "partials/partial";
  

  PrePros需要能正确识别这些导入关联，才能在局部文件变动时找到对应的主文件。

• 检查主文件的监听状态
  确认你的主SCSS文件在PrePros中是处于监听状态的——也就是文件列表里主文件旁边的眼睛图标是亮起的。如果主文件没被监听，哪怕局部文件修改了，也不会触发编译动作。

另外补充一句：如果你的项目里有多个主文件都导入了同一个局部文件，修改这个局部文件时，所有关联的主文件都会被自动编译，这个是PrePros的默认行为，不用额外配置。

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