phpstorm中指南针的文件监视程序

Question

我最近一直在努力与phpstorm文件查看器进行斗争。我正在尝试设置Compass scss文件监视程序以与此文件夹结构一起使用]

project
    themes
        default-bootstrap
            sass
               modules
               etc
            css
               modules
               etc

正如您所看到的，“ sass”文件夹中的文件夹应镜像到“ css”文件夹中。我们创建了范围，该范围递归地包含在“ default-bootstrap”文件夹中，仅此而已。我不知道下一步是什么：/

例如，当我在modules文件夹中编辑一些scss文件时，我希望phpstorm将其编译为css / modules文件夹。我在phpstorm中安装并配置了ruby，sass和指南针

[谁能帮我吗？ Jetbrains的文档在这里没有太大帮助：: //

Answer 1

基于您的结构的我的SCSS观察者设置：

Scope: Project Files
Program: PATH_TO_COMPASS
Arguments:  --no-cache --update $FileName$:$ProjectFileDir$/themes/default-bootstrap/css/$FileNameWithoutExtension$.css
Working directory: $ProjectFileDir$/themes/default-bootstrap/sass
Output paths to refresh: $ProjectFileDir$/themes/default-bootstrap/css/$FileNameWithoutExtension$.css

[$ProjectFileDir$等效于/home/{username}/{projects_path}/project

Answer 2

根据您的路径结构，我的SASS观察者设置（有效：-）：

Arguments: --update $FileName$:$ProjectFileDir$/themes/default-bootstrap/css/$FileDirPathFromParent(sass)$$FileNameWithoutExtension$.css

Output paths to refresh: $FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

Working directory: $FileDir$