PhpStorm SCSS - 文件观察器设置

PhpStorm SCSS - File Watcher Setting

我有这样的结构:

我要在哪里设置 SCSS 文件观察器。

这是我目前的选择:

我的目标是编译

../scss/style.scss../css/style.css

../scss/user/profile.scss../css/user/profile.css

如何在文件观察器中设置我的设置以实现此模式?

如果您的项目可行,请考虑使用 compass 来编译您的 scss。通过这种方式,无论 scss 目录中的文件结构如何,编译后 将在 css 目录中镜像此结构。 它很容易设置,还有一个很好的阅读指南:PhpStorm / Working with SASS and SCSS in Compass Projects

基本上你需要:

  1. 安装指南针:gem install compass
  2. cd 到 public\themes1 目录和 运行 compass init,将在此处创建配置文件 config.rb,编辑此配置以反映您的目录结构
  3. 在设置中启用指南针支持:

    文件 > 设置 > 语言和框架 > Compass

  4. 现在如图所示设置 File Watcher:

$ProjectFileDir$\public\themes1 是包含 config.rb 文件的目录的完整路径。

这将根据要求将 scss 个文件编译到 css 目录。