是否有一个CSS minifier可以解析import语句?

时间:2011-03-07 16:55:25

标签: css import minify

是否有可以解析@import语句的CSS minifier工具?

我希望能够在本地计算机上加载多个CSS文件,但在网站投入生产时将它们全部解析为一个文件。

4 个答案:

答案 0 :(得分:4)

您可以使用SASS和SCSS语法。 SASS不仅仅是一个缩小器:它实际上是一个CSS预处理器,它为CSS语法增加了一些好处,如变量或宏。但是你可以选择忽略这些功能(虽然我建议你看看):任何有效的CSS文件实际上都是有效的SCSS。

然后SASS可以在有效的CSS中编译您的SCSS,它可以管理多个文件并输出一个缩小的.css文件。

您现在可以尝试将它作为缩小工具,并在您想要尝试时开始使用高级功能。

答案 1 :(得分:4)

我最近开始使用LESS,超出imports允许您使用:

  • 变量
  • 混入
  • Parametric Mixins
  • 嵌套规则
  • 操作
  • 色彩功能
  • 命名空间
  • 范围
  • 评论
  • 逃逸

到目前为止,我很高兴使用LESS的经验。

它易于使用,并且页面记录了很好的示例。

答案 2 :(得分:2)

css-compressor(基于yuicompressor)内联@import语句 - 实际上这是它的主要目的:

https://github.com/samilyak/css-compressor

答案 3 :(得分:1)

Granule库支持CSS中的@import。 你可以在这里查看http://code.google.com/p/granule/