SASS：在开发中分离CSS文件，并在生产中合并它们

我在用咕噜和沙斯。我目前正在使用插件

我的目标似乎很简单，但很难实现

• 在开发过程中，我希望我的CSS被编译在单独的文件中（因为开发工具，

  watch

  的速度等等）
• 对于生产，我希望我的所有CSS合并成一个

但是，使用

concat

任务无法完成此任务

当我有

@import

语句并且SASS单独编译每个文件时，这会在不同的文件中反复输出来自供应商libs的相同CSS，如Bootstrap或Compass插件。在开发中，这很好。当我

concat

CSS文件用于生产时，虽然它会生成一个带有重复CSS的相当大的文件

---

我应该如何配置Grunt并使用

@import

语句，这样就不会发生这种情况？

这不是一个确切的答案，而是另一种解决方案

对于开发工具的使用，我建议调查.map文件。这将允许您拥有一个已编译和缩小的css文件，但是当您打开开发人员工具时，您可以看到样式的位置，就像它们在原始sass文件中一样

• 详细资料
• 旅游指南

我希望这有帮助