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

Question

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

我希望能够在我的本地计算机上加载多个CSS文件,但是当网站被推送到生产环境时,它们都会被解析为一个文件.

Answer 1

您可以使用SASS和 SCSS 语法。SASS 不仅仅是一个压缩器：它实际上是一个 CSS 预处理器，它为 CSS 语法添加了一些好东西，如变量或宏。但是你可以选择简单地忽略这些特性（虽然我建议你看看）：任何有效的 CSS 文件实际上都是有效的 SCSS。

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

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

Answer 2

我最近开始使用LESS， Beyondimports允许您使用：

• 变量
• 混合
• 参数化混合
• 嵌套规则
• 操作
• 颜色函数
• 命名空间
• 范围
• 注释
• 逃跑

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

它很容易使用，并且页面上有很好的例子。