Webstorm 6 - 如何使scss文件观察者忽略文件

时间:2013-09-19 21:29:25

标签: sass webstorm

我希望SCSS文件的文件监视器忽略文件名以下划线开头的文件,例如_buttons.scss。

我该怎么做?

2 个答案:

答案 0 :(得分:4)

首先将_添加到要忽略的文件中...完成!来自documentation

  

局部模板

     

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

     

例如,您可能有_colors.scss。然后没有_colors.css文件   将被创建,你可以做

     

@import“colors”;

因此添加下划线将完成这项工作。只是不要导入。

小心命名文件,因为如果您有style.scss_style.scss Sass会将这些文件视为相同的文件名并输入错误:

>>> 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

答案 1 :(得分:1)

@LazyOne有正确的想法。可以创建Scope来排除带有下划线(_)的文件。 http://www.jetbrains.com/phpstorm/webhelp/scopes.html#d437174e402上的页面提供了有关此内容的详细信息,但基本上您在创建自定义范围后选择了所需的文件夹,然后在范围字段中再次附加&& !在两者之间并排除以下划线开头的文件。

例如:

file:website/css//* && !file:website/css//_*
相关问题