css - Grunt Compass 编译 sass 和 css

Question

我已将 Grunt 设置为运行 Compass，效果很好，但我需要将我的 Bower 组件中的样式表添加到此。

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

关于如何实现这一点有什么想法吗？

Answer 1

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

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

到

“_bower1.scss” - “_bower2.scss” - “_bower3.scss”

然后通过添加导入将这些部分添加到您的 SASS 文件中:

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

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

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

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

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