Grunt Compass 编译 sass 和 css答案

【问题标题】：Grunt Compass compiling sass and cssGrunt Compass 编译 sass 和 css
【发布时间】：2015-02-14 04:36:57
【问题描述】：

我已将 Grunt 设置为运行 Compass，它运行良好，但我需要将来自 Bower 组件的样式表添加到其中。

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

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

【问题讨论】：

【解决方案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 文件中了。

【讨论】：

这是可行的，但如果我正在修改它拉下的文件，它有点不利于使用 Bower。
是的，我能理解你的意思。另一方面，您必须考虑到 .scss 和 .css 是两种截然不同的文件类型——至少在 Grunt 的理解中它们可能是。我不确定 Grunt 是否能够合并两个不同类型的文件。这也没有多大意义。我想你必须找到一种通用的文件类型来组合两者的内容。