如何在PhpStorm文件观察器中编写自定义输出路径

Question

我的scss文件在project/repo/style/home/index.scss中，并希望在project/repo/dist/style/home/index.css中保存已编译的css文件，但找不到任何好的解决方案。

怎么做？

Answer 1

我找到答案： 安装后ruby和sass需要重启系统。

使用以下参数配置Webstorm：

Program: /usr/bin/sass
Arguments: --no-cache --style compressed --update --sourcemap=none $FileName$:$ProjectFileDir$/repo/Style/$FileDirPathFromParent(Style)$/$FileNameWithoutExtension$.min.css
Working directory: $FileDir$
Output path:$ProjectFileDir$/repo/Style/$FileDirPathFromParent(Style)$/$FileNameWithoutExtension$.css