sass - Webstorm 6 - 如何让 scss 文件观察器忽略文件

Question

我希望 SCSS 文件的文件观察程序忽略文件名以下划线开头的文件，例如 _buttons.scss。

我该怎么做？

Answer 1

首先将 _ 添加到您想要被忽略的文件中......完成！从文档中：

偏音

如果您想要导入 SCSS 或 Sass 文件但不想编译为 CSS 文件，则可以在文件名的开头添加下划线。这将告诉 Sass 不要将其编译为普通的 CSS 文件。然后，您可以在不使用下划线的情况下导入这些文件。

例如，您可能有 _colors.scss。然后不会创建 _colors.css 文件，你可以这样做

@import "颜色";

所以添加下划线就可以了。只是不要导入。

小心命名你的文件，因为如果你有 astyle.scss并且_style.scssSass 会将它们视为相同的文件名并引发错误：

>>> Change detected to: /Users/allcaps/test/style.scss
WARNING: In /Users/allcaps/test:
  There are multiple files that match the name "style.scss":
    _style.scss
    style.scss

一个简单的解决方法是添加两个下划线：__style.scss.

Answer 2

@LazyOne 有正确的想法。Scope可以创建排除带有下划线 (_) 的文件的 A。http://www.jetbrains.com/phpstorm/webhelp/scopes.html#d437174e402上的页面对此有更多信息，但基本上您在创建自定义范围后选择所需的文件夹，然后在范围字段中再次附加它和 ＆＆ ！两者之间并排除以下划线开头的文件。

例如：

file:website/css//* && !file:website/css//_*