1

我有一个 css 结构，其中我有一个包含供应商的文件夹，其他包含模块，其他包含框架，并且在根 sass 上我有我的主文件，该文件从其他文件夹导入所有其他 sass 文件。

如何将 PHPStorm 上的文件观察器设置为仅观察特定的 main.scss 文件？

这就是我在 PHPStorm 文件观察器上所拥有的。

论据：

    cache --update $FileName$:$FileParentDir$/css/$FileNameWithoutExtension$.css

工作目录：

    $FileDir$

要刷新的输出路径：

    $FileParentDir$/css/$FileNameWithoutExtension$.css
4

2 回答 2

1

昨天我遇到了同样的问题，我放弃了，告诉自己我必须睡过去，这样我才能创造新的想法

这里的神奇词是Partials > SASS 指南：Partials

您必须使用下划线扩展所有非主文件，以便您的文件vendors.sass 看起来像这样：_vendors.sass。File Watcher 现在知道他可以跳过这个文件，因为它是部分文件。主文件是唯一没有下划线的文件:)

下面我将向您展示我的文件夹结构和观察者的配置。

├── css
│   ├── sass
│   │   ├── _cookie.sass
│   │   ├── _farben.sass
│   │   ├── _navi.sass
│   │   ├── _schriften.sass
│   │   ├── _sidebar.sass
│   │   ├── _typo.sass
│   │   └── style.sass
│   ├── style.css

这是 phpstorm 的配置，用于告诉应用程序将（压缩的）输出文件保存在哪里：

论据：

--no-cache --update $FileName$:$FileParentDir$/$FileNameWithoutExtension$.css --style compressed

工作目录：

$fileDir$

要刷新的输出路径：

$FileParentDir$/$FileNameWithoutExtension$.css

我认为您可能已经解决了这个问题，因为您的问题已经超过五个月了。但就我而言，我看不到这是一件简单的事情。所以希望将来没有人需要像我一样为解决方案而奋斗！

干杯

于 2016-04-20T10:08:37.370 回答
0

这可以通过 PHPStorm（可能还​​有 WebStorm）来实现。
注意：我使用的是 2018.3 版本

要仅转换单个“主”文件，您需要配置 PHPStorm File Watcher Scope：

  1. 打开 PHPStorm 首选项（在 Mac 上，command comma）
  2. 搜索File Watchers并编辑它们。
  3. 找到你的SCSS文件观察者（大概这将与其他观察者一起工作）并编辑它。
  4. 在配置窗口中，单击“范围”下拉列表右侧的 3 点图标。
  5. 在“范围”窗口中，单击+图标以添加新范围。
  6. 从“添加范围”下拉列表中，选择Local Scope.
  7. 出现提示时，输入范围的描述性名称（类似于Theme File Only）
  8. 现在你应该在“Scope”窗口中（见截图）。在中间的文件资源管理器部分，展开树并找到您要转译的文件。
  9. 单击文件（如果合适，可以选择多个），然后单击Include右侧的按钮。
  10. Apply然后单击OK。
  11. 在您的文件观察器对话框中，在“范围”下拉列表中，确保选择了新添加的范围（命名Them File Only或类似）。Apply然后单击OK。

此时，IDE 将仅监视和转换所选的特定文件。

PHPStorm 观察者

于 2019-05-24T16:00:51.320 回答