css - 如何使用 Sass(或其他工具)合并 .CSS 文件?

标签 css sass google-closure google-closure-library

<分区>

我可以使用 Sass使用 @import 将多个 .SCSS 或 .SASS 输入文件编译成单个 .CSS 输出文件,如 here 所述.

如果我使用 @import 来包含普通的 .CSS 文件,它们不会被合并。输出 .CSS 文件仍然包含 @import 指令。这是有道理的。

但是有什么方法可以覆盖这种行为,也许是一个命令行切换到 Sass 编译器?换句话说,我可以告诉 Sass 尝试强行合并 @import "foo.css"; 就像它是一个 .SCSS 文件一样吗?

我正在使用包含许多 .CSS 文件的第三方库 ( Google Closure Library )。我在我的元素中只使用了其中的一些。我宁愿避免手动解决方案,例如将所有这些文件重命名为 .SCSS(尽管这似乎有效)或将它们的内容复制并粘贴到我的 .SCSS 文件中(也有效)。而且我不想将它们全部提供给客户端导入。我真的很喜欢 Sass 包含我“按原样”使用的几个 .CSS 文件并生成单个输出样式表。可能的?还有其他我应该看的工具吗?

最佳答案

每个 CSS 文件也是一个有效的 SCSS.. 所以如果你改变你需要“不可见”导入或合并到 _filename.scss 的文件,然后使用 从主 scss 文件@import @import "filename"; (扩展名可选)它应该编译成一个大的 CSS,里面没有 @import 语句

编辑添加:抱歉,浏览器崩溃后才看到您的编辑..发现这不是您要找的,我不知道其他方法

关于css - 如何使用 Sass(或其他工具)合并 .CSS 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5688291/

相关文章:

html - 如何创建三 Angular 形背景?

html - 矩形 div 在某些屏幕下离开屏幕 :

html - Kendo UI Sprite.png 显示在桌面但不显示在选项卡中(所有浏览器)

CSS - 将 2 个单选按钮变成 1 个开关

javascript - 如果您不关心缩小/编译,开始使用 Google Closure?

javascript - 使用 Plovr 编译模块

css - JQuery Mobile Popup 模糊背景

html - 如何在 CSS 中使图像适合该 PNG 图像的形状?

css - 在 Phpstorm 中为 SASS 文件启用 Emmet(Zen Coding)?

javascript - 抑制或解决 goog.base 中的编译器错误