Grunt Compass编译sass和css

Question

我已经设置了Grunt来运行Compass，它可以很好地运行，但我需要将Bower组件中的样式表添加到此。

我所做的是使用grunt contrib copy插件从我的Bower组件中复制任何.css文件，并将它们放在某个临时文件夹中。我现在需要Compass任务来编译我的sass并将临时目录中的文件中的css添加到最终结果中。

关于如何实现这一目标的任何想法？

Answer 1

实现这一目标的一种方法是将Bower组件样式表更改为SASS部分。比如说，等等，

“bower1.css” - “bower2.css” - “bower3.css”

到

“_ bower1.scss” - “_ bower2.scss” - “_ bower3.scss”

然后只需添加导入，即可将这些Partials添加到您的SASS文件中：

/ *在此处添加常规样式... * /

@import'/ my / temporary / directory / bower1';

@import'/ my / temporary / directory / bower2';

@import'/ my / temporary / directory / bower3';

然后编译你的SASS文件。现在一切都应该在你编译的CSS文件中。