Guard没有编译所有的SCSS样式表

当你有一个使用sass @import导入其他的包装样式表，并且当使用guard来监视变化时，如果你只改变一个导入的文件，它不会自动编译包装样式表。例如：Guard没有编译所有的SCSS样式表

/* This is viewports.scss, which must compile into viewports.css */ 
@media only screen and (min-width: 480px) { 
    @import "480.scss"; 
} 

@media only screen and (min-width: 768px) { 
    @import "768.scss"; 
} 

@media only screen and (min-width: 1024px) { 
    @import "1024.scss"; 
}

当修改例如480up.scss，它编译如预期进入480up.css，但警卫不其导入到viewports.css，好像是不承认的依赖。当你想在一个编译的css中实现响应时，这个用法很重要，但是将你的代码写入单独的scss文件。

如果你只是使用sass命令，你有预期的行为，如果你使用Guard，而不是。

有没有一些解决方法呢？额外的东西，我需要配置？

来源

2013-03-31 Gabi Medina

Guard不知道任何关于文件的依赖性，只是提供基础来轻松处理文件系统修改事件。我看到有两个卫兵插件青菜：

我会选择后卫 - 萨斯，因为它是积极的维护。当我正在阅读文档时，我看到

:smart_partials => true # Causes guard-sass to do dependency resolution and only 
         # recompile the files that need it when you update partials. 
         # If not on, then guard-sass will update all files when a 
         # partial is changed. 
         # default: false

因此，看起来guard-sass应该已经可以正确处理您的问题了。

来源

2013-04-01 13:52:58 Netzpirat

Guard没有编译所有的SCSS样式表

回答

相关问题