PhpStorm SCSS - 文件监视器设置

Question

我的结构如下：

我正在尝试设置SCSS文件观察程序。

以下是我目前的选择：

我的目标是编译

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

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

如何在文件观察程序中设置我的设置以实现此模式？

Answer 1

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

基本上你需要：

1. 安装指南针：gem install compass
2. cd到public\themes\701目录并运行compass init，将在此处创建配置文件config.rb，编辑此配置以反映您的目录结构

3. 在设置中启用Compass支持：

   档案＆gt;设置＆gt;语言与框架＆gt;罗盘

4. 现在设置File Watcher，如图：



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

这会根据请求将scss文件编译到css目录。