Question

我最近一直在与phpstorm文件观察者斗争。我正在尝试设置Compass scss文件观察程序以使用此文件夹结构

project
    themes
        default-bootstrap
            sass
               modules
               etc
            css
               modules
               etc

正如你可以看到＆＃34; sass＆＃34;中的文件夹文件夹应该反映在＆＃34; css＆＃34;文件夹。我只是想知道我应该在参数，工作目录，输出路径框中放置什么：/以使其工作：/我已经创建了范围，其递归地包括来自＆＃34; default-bootstrap＆＃34;文件夹，但那就是它。我不知道接下来会发生什么：/

例如，当我在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$

指南针的文件观察者在phpstorm

2 个答案: